https://github.com/samline/react-layout

Quickly layout your React applications with styled components and styled system. Create columns, rows, grids, blocks, etc., fast, simple and responsive.
https://github.com/samline/react-layout

Last synced: about 1 year ago
JSON representation

Quickly layout your React applications with styled components and styled system. Create columns, rows, grids, blocks, etc., fast, simple and responsive.

• Host: GitHub
• URL: https://github.com/samline/react-layout
• Owner: samline
• Created: 2023-06-14T16:26:07.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-19T01:22:25.000Z (almost 3 years ago)
• Last Synced: 2025-04-05T11:37:44.626Z (about 1 year ago)
• Language: JavaScript
• Size: 112 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-layout

Quickly layout your React applications with [styled components](https://styled-components.com) and [styled system](https://styled-system.com). Create columns, rows, grids, blocks, etc., fast, simple and responsive.

> Check the individual documentation of both libraries to learn more.

![npm](https://img.shields.io/npm/v/@honeybee-js/react-layout?style=flat-square)

![npm](https://img.shields.io/npm/dt/react-layout?style=flat-square)

![npm bundle size](https://img.shields.io/bundlephobia/min/@honeybee-js/react-layout?style=flat-square)

[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](https://standardjs.com)

## Install

```bash

npm i --save @honeybee-js/react-layout

```

```bash

yarn add @honeybee-js/react-layout

```

## Docs

| Component | Docs                                                                                | Status                |

| --------- | ----------------------------------------------------------------------------------- | --------------------- |

| Ly        | [README.md](https://github.com/samline/react-layout/tree/main/docs/Ly/README.md)    | Pending documentation |

| Box       | [README.md](https://github.com/samline/react-layout/tree/main/docs/Box/README.md)   | Pending documentation |

| Flex      | [README.md](https://github.com/samline/react-layout/tree/main/docs/Flex/README.md)  | Pending documentation |

| Grid      | [README.md](https://github.com/samline/react-layout/tree/main/docs/Grid/README.md)  | Pending documentation |

| Track     | [README.md](https://github.com/samline/react-layout/tree/main/docs/Track/README.md) | Pending documentation |

## License

MIT © [Samline](https://github.com/samline)