View showcase

React layout components

41 layouts are developed with React. A layout is a layout container that is used to position children in predetermined areas. It’s often used to apply consistent positioning for content across pages in an application. React is the most popular frontend library for developing component-driven user interfaces. It’s used for developing single page, mobile, and server-rendered applications. React is used to develop 64 projects.

41components106storiesLast updated 6 days ago
Tweet
Other Names
GridStackFlex
Add your component
Layout
Shopify
7
Layout
Layout
Layout
GridLayout
Grid Layout
Layout
Layouts
Form layout
PageLayout
Page Layout
FixedFooterLayout
AuthLayout
About
MainPageLayout
MainPageLayoutHorizontal
VizLayout
Layout Container
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify