Bedrock-Layouts / Bedrock
Licence: mit
Foundational Layout Primitives for your React App
Stars: ✭ 173
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Bedrock
React Css Grid
React layout component based on CSS Grid Layout and built with styled-components
Stars: ✭ 239 (+38.15%)
Mutual labels: layout, grid-layout, styled-components, css-grid
Atomic Layout
Physical representation of layout composition to create declarative responsive layouts in React.
Stars: ✭ 920 (+431.79%)
Mutual labels: layout, styled-components, css-grid
React Rasta
React Rasta is a powerful and flexible grid system for React
Stars: ✭ 88 (-49.13%)
Mutual labels: grid-layout, grid-system, styled-components
Interior
Design system for the modern web.
Stars: ✭ 77 (-55.49%)
Mutual labels: layout, grid-layout, css-grid
grid-layout
grid-layout is a layout engine which implements grid, can use in canvas/node-canvas
Stars: ✭ 43 (-75.14%)
Mutual labels: layout, css-grid, grid-layout
60gs
60GS - 60 Columns Grid System based on CSS Grid Layout
Stars: ✭ 65 (-62.43%)
Mutual labels: css-grid, grid-layout, grid-system
React Awesome Styled Grid
A responsive 8-point grid system layout for React using styled-components
Stars: ✭ 157 (-9.25%)
Mutual labels: grid-layout, grid-system, styled-components
flexboxes
CSS flexbox framework with pure flexbox grid ability
Stars: ✭ 27 (-84.39%)
Mutual labels: layouts, layout, grid-system
grid-garden
Solutions to CSS Grid Garden
Stars: ✭ 79 (-54.34%)
Mutual labels: css-grid, grid-layout, grid-system
Cssgridgenerator
🧮 Generate basic CSS Grid code to make dynamic layouts!
Stars: ✭ 3,943 (+2179.19%)
Mutual labels: grid-layout, grid-system, css-grid
Gaintime
GainTime é um framework de HTML, CSS e JS para desenvolvimento de projetos responsivos, focado na simplicidade.
Stars: ✭ 19 (-89.02%)
Mutual labels: grid-layout, grid-system
Burnoutjs
🎮 2D game engine for manage collisions. Made with javascript and CSS Grid Layout.
Stars: ✭ 45 (-73.99%)
Mutual labels: grid-layout, css-grid
Framelayoutkit
FrameLayoutKit is a super fast and easy to use autolayout kit
Stars: ✭ 53 (-69.36%)
Mutual labels: layout, grid-layout
Flexbox
CSS library for easier work with flex boxes
Stars: ✭ 17 (-90.17%)
Mutual labels: layout, grid-layout
Awesome Grid Layout
👓 A curated list of CSS Grid Layout Module or only Css Grid.
Stars: ✭ 91 (-47.4%)
Mutual labels: grid-layout, css-grid
Styled System
⬢ Style props for rapid UI development
Stars: ✭ 7,126 (+4019.08%)
Mutual labels: layout, styled-components
React Gridit
React grid using CSS Grid and styled-components
Stars: ✭ 96 (-44.51%)
Mutual labels: styled-components, css-grid
Flutter layout grid
A grid-based layout system for Flutter, inspired by CSS Grid Layout
Stars: ✭ 109 (-36.99%)
Mutual labels: layout, grid-layout
Griz
Grid library for React; Rescue the cat
Stars: ✭ 99 (-42.77%)
Mutual labels: grid-system, styled-components
Foundational Layout Primitives for your React App
Full docs at: bedrock-layout.dev
Road Map
✅ - Released 🛠 - Building
| Status | Name |
|---|---|
| ✅ | Stack |
| ✅ | Grid |
| ✅ | Split |
| ✅ | AppBoundary |
| ✅ | Columns |
| ✅ | Center |
| ✅ | PadBox |
| ✅ | SplitSwitcher |
| ✅ | ColumnSwitcher |
| ✅ | useForwardedRef |
| ✅ | useStatefulRef |
| ✅ | useMatchContainerSizes |
| ✅ | useMediaQuery |
| ✅ | useMatchMedia |
| ✅ | useContainerQuery |
| ✅ | Inline |
| ✅ | InlineCluster |
| ✅ | Cover |
| ✅ | Frame |
| 🛠 | Reel |
| 🛠 | MasonaryGrid |
| ✅ | CSS Reset |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].