phuocng/csslayout

MDXphuoc.ng/collection/css-layout

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

css-gridflexboxcssflexbox-layoutgrid-layoutreactjstypescriptwebpack
스타 성장
스타
8k
포크
514
주간 성장
+0
이슈
13
2k4k6k8k
2019년 12월2022년 3월2024년 6월2026년 9월
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

관련 저장소
keen/dashboards

Responsive dashboard templates 📊✨

HTMLMIT Licensedashboardtemplates
keen.github.io/dashboards/
11k1.4k
sdras/cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!

VueMIT Licensecss-gridgrid
cssgrid-generator.netlify.com
5.4k571
RitikPatni/Front-End-Web-Development-Resources

This repository contains content which will be helpful in your journey as a front-end Web Developer

tutorialMIT Licensecssjavascript
5.2k717
DioxusLabs/taffy

A high performance rust-powered UI layout library

Rustcrates.iolibraryMIT Licenseflexboxui
docs.rs/taffy
3.6k217
usablica/front-end-frameworks

A collection of best front-end frameworks for faster and easier web development.

css-frameworkresponsive-grid
usablica.github.com/front-end-frameworks/compare.html
2.8k315
layoutit/layoutit-grid

Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

VueMIT Licensecss-gridcss
grid.layoutit.com
1.7k184
rohitkrai03/pills

A simple responsive CSS Grid for humans. View Demo -

CSSnpmMIT Licensecssgrid
rohitkrai.dev/pills
1.4k54
Spiderpig86/Cirrus

:cloud: The SCSS framework for the modern web.

SCSSMIT Licensecss-frameworkcss
cirrus-ui.com
1.4k76
aholachek/animate-css-grid

Painless transitions for CSS Grid

TypeScriptnpmlibraryMIT Licensecss-gridtransitions
1.4k72
devlint/gridlex

Just a CSS Flexbox Grid System

CSSnpmMIT Licensegridflexbox-grid
gridlex.devlint.fr
1.4k139
chrisnager/ungrid

ungrid - the simplest responsive css grid

CSSnpmcsscss-grid
chrisnager.github.io/ungrid
1.3k50
kettanaito/atomic-layout

Build declarative, responsive layouts in React using CSS Grid.

TypeScriptnpmMIT Licensereactatomic-design
redd.gitbook.io/atomic-layout
1.1k29