Programming language: MDX
License: MIT License
Tags: HTML     UI     TypeScript     JavaScript     Css     React     PostCSS    

CSS Layout alternatives and similar libraries

Based on the "PostCSS" category.
Alternatively, view CSS Layout alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of CSS Layout or a related project?

Add another 'PostCSS' Library


CSS Layout

A collection of popular layouts and patterns made with CSS:

  • ๐ŸŽ‰ Zero dependencies
  • ๐ŸŽ‰ No frameworks
  • ๐ŸŽ‰ No CSS hacks
  • ๐ŸŽ‰ Real use cases
  • Good practices (coming soon)
  • Accessibility Support (coming soon)


Being a front-end engineer, I have to deal with a lot of layouts and components. There are a lot of CSS frameworks out there that provide popular layouts/components but I usually don't want to include all of them in my project.

So I collect most popular layouts and components that can be built with pure CSS. They are powered by modern CSS features such as flexbox and grid.

They are great starting points to be picked and customized easily for each specific need. By composing them, you can have any possible layout that exists in the real life.

Running it on local

  • Clone the project:
$ git clone https://github.com/phuocng/csslayout
  • Install the dependencies:
$ cd csslayout
$ npm install
  • Run it on the local:
$ npm run start

Visit http://localhost:8081 to see it in action.


PRs are welcomed. If you think there are any missing useful layouts or patterns, please create an issue or submit a PR.

It's important to note that you should run the following command to lint the code:

$ npm run lint

If there is any issue, it will be logged in the tslint.log file.


This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Be my friend on