A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
Alternatives To Csslayout
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
17 days ago14mitMDX
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
Atomic Layout1,070162 years ago65August 06, 202026mitTypeScript
Build declarative, responsive layouts in React using CSS Grid.
Bedrock434233 days ago61October 15, 202318mitTypeScript
Foundational Layout Primitives for your React App
Gatsby Starter Portfolio Jodie326
a day ago0bsdTypeScript
Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.
a year ago2mpl-2.0JavaScript
📝 A website that make learning CSS grid easy and interactive
React Snuggle25822 years ago11April 21, 202010mitJavaScript
An intimate and comfortable way to layout your components
Canvas Sketch236
a year ago5mitTypeScript
Sketch business models in your browser
React Css Grid233
6 years ago5mitJavaScript
React layout component based on CSS Grid Layout and built with styled-components
React Grid Table1962a year ago14November 26, 20225mitJavaScript
A modular table, based on a CSS grid layout, optimized for customization.
Recal19226 years ago1March 01, 20191mitJavaScript
A minimal, accessible React/Preact calendar component using modern CSS.
Alternatives To Csslayout
Select To Compare

Alternative Project Comparisons

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.


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

Be my friend on

Popular Css Grid Projects
Popular Reactjs Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Css Grid
Grid Layout