https://github.com/bfollington/restack

SwiftUI inspired layouts for React
https://github.com/bfollington/restack

emotion flexbox hstack react swiftui typescript vstack

Last synced: 11 months ago
JSON representation

SwiftUI inspired layouts for React

• Host: GitHub
• URL: https://github.com/bfollington/restack
• Owner: bfollington
• License: mit
• Created: 2019-11-15T03:33:33.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-09-17T04:18:39.000Z (over 4 years ago)
• Last Synced: 2025-02-28T00:15:40.557Z (12 months ago)
• Topics: emotion, flexbox, hstack, react, swiftui, typescript, vstack
• Language: TypeScript
• Homepage: https://restack.netlify.com/
• Size: 324 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          







[![Version](https://img.shields.io/npm/v/@twopm/restack?style=flat&colorA=000000&colorB=000000)](https://npmjs.com/package/@twopm/restack)

[![Twitter](https://img.shields.io/twitter/follow/vivavolt?label=%40vivavolt&style=flat&colorA=000000&colorB=000000&logo=twitter&logoColor=000000)](https://twitter.com/vivavolt)

[![Donate (ETH)](https://img.shields.io/badge/Donate-(ETH)-f5f5f5?style=flat&colorA=000000&colorB=000000)](https://blockchain.com/eth/address/0x981e493b795A7a28c43Bf8d7a8E125C419435Fa7)

[![Donate ($)](https://img.shields.io/badge/Donate-($)-f5f5f5?style=flat&colorA=000000&colorB=000000)](https://ko-fi.com/vivavolt)

![Language](https://img.shields.io/github/languages/top/bfollington/restack?style=flat&colorA=000000&colorB=000000)

![License](https://img.shields.io/github/license/bfollington/restack?style=flat&colorA=000000&colorB=000000)

![Bundle Size](https://img.shields.io/bundlephobia/min/@twopm/restack?style=flat&colorA=000000&colorB=000000)



restack is a port of the VStack and HStack concepts from SwiftUI. Simple, composable application layouts.

👁  Live Demo


## Install

```sh

yarn add @twopm/restack

```

## Usage

```tsx

import { VStack } from '@twopm/restack'

const App = () => (

  

    
One

    
Two

    
Three

  

)

```


See the [storybook examples](https://github.com/bfollington/restack/blob/master/src/stories/MiniApp.tsx) for more or view the [live demo](

https://restack.netlify.app/).