https://github.com/phuocng/csslayout

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
https://github.com/phuocng/csslayout

css css-grid flexbox flexbox-layout grid-layout reactjs typescript webpack

Last synced: 29 days ago
JSON representation

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

• Host: GitHub
• URL: https://github.com/phuocng/csslayout
• Owner: phuocng
• License: mit
• Created: 2019-11-15T06:04:35.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-22T14:23:17.000Z (12 months ago)
• Last Synced: 2024-08-04T09:09:38.655Z (3 months ago)
• Topics: css, css-grid, flexbox, flexbox-layout, grid-layout, reactjs, typescript, webpack
• Language: MDX
• Homepage: https://phuoc.ng/collection/css-layout
• Size: 23.3 MB
• Stars: 8,049
• Watchers: 116
• Forks: 522
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-list - csslayout

README

        
# CSS Layout

As a front-end engineer, I deal with a lot of layouts and components. While there are plenty of CSS frameworks out there that provide these, I don't always want to include them all in my project.

That's why I've put together a collection of the most popular layouts and components that can be built with pure CSS.

These layouts and components are powered by modern CSS features like flexbox and grid, and can be easily customized to fit your specific needs. By combining them, you can create any possible layout you need.

The best part? This collection has zero dependencies, no frameworks, and no CSS hacks. These are real use cases that can save you time and effort in your projects.

## About

This project is developed by _Nguyen Huu Phuoc_. I love building products and sharing knowledge.

Be my friend on

-   [Twitter](https://twitter.com/nghuuphuoc)

-   [Github](https://github.com/phuocng)