Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 12 days 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 (over 1 year ago)
Default Branch: main
Last Pushed: 2023-06-19T01:22:25.000Z (over 1 year ago)
Last Synced: 2024-12-15T04:12:06.449Z (19 days 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)