React Layouts

Grab-and-go layouts for React

Including code examples for Rebass, Theme UI, or Emotion.

Click on a layout below to see a full-width editable example and to copy the code. Use the controls above to switch syntax modes.

Sidebar
Main Content
Sidebar
Tile
Tile
Tile
Tile
Tile
Tile
Tile
Tile
Tiles by Width
Tile
Tile
Tile
Tile
Tile
Tile
Tile
Tile
Tiles by Columns
Container
Container
Stack
Stack
Stack
Stack
Stack
Header
Content
Footer
Sticky Footer
Card
Card
Card
Card
Card
Card
Card
Card
Card
Masonry
Header
Main Content
Nav
Ads
Footer
Holy Grail
Header
Main Content
Nav
Ads
Footer
Holy Grail (Grid)
Long Box
Box Left
Box Right
Wide box
Gallery (Grid)

Have an idea for another layout? Open a PR on GitHub to contribute.