Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Csslayout | 7,926 | 17 days ago | 14 | mit | MDX | |||||
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing! | ||||||||||
Atomic Layout | 1,070 | 1 | 6 | 2 years ago | 65 | August 06, 2020 | 26 | mit | TypeScript | |
Build declarative, responsive layouts in React using CSS Grid. | ||||||||||
Bedrock | 434 | 23 | 3 days ago | 61 | October 15, 2023 | 18 | mit | TypeScript | ||
Foundational Layout Primitives for your React App | ||||||||||
Gatsby Starter Portfolio Jodie | 326 | a day ago | 0bsd | TypeScript | ||||||
Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects. | ||||||||||
Euismod | 260 | a year ago | 2 | mpl-2.0 | JavaScript | |||||
📝 A website that make learning CSS grid easy and interactive | ||||||||||
React Snuggle | 258 | 2 | 2 years ago | 11 | April 21, 2020 | 10 | mit | JavaScript | ||
An intimate and comfortable way to layout your components | ||||||||||
Canvas Sketch | 236 | a year ago | 5 | mit | TypeScript | |||||
Sketch business models in your browser | ||||||||||
React Css Grid | 233 | 6 years ago | 5 | mit | JavaScript | |||||
React layout component based on CSS Grid Layout and built with styled-components | ||||||||||
React Grid Table | 196 | 2 | a year ago | 14 | November 26, 2022 | 5 | mit | JavaScript | ||
A modular table, based on a CSS grid layout, optimized for customization. | ||||||||||
Recal | 192 | 2 | 6 years ago | 1 | March 01, 2019 | 1 | mit | JavaScript | ||
A minimal, accessible React/Preact calendar component using modern CSS. |
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.
This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.
Be my friend on