Welcome to

Layout Builder

If you haven't see the concept with examples, please read this page to get the idea first. We will start building layout by completing settings for each screen (Mobile first, then tablet and Desktop)

Each screen will be categorized into 4 parts with image example of how it will display. Navigation, Header, Content, and Footer.
Here is the list of available config in each part.

  • variant
  • width
  • collasible
  • clipped
  • variant
  • squeezed
  • shrank

When you complete, you will be able to copy the jsx code & link to download React Components

I hope you enjoyed.

If you like this site, please give me a star on github . Every star gives me energy to continue this project.

Built with (a lot)