.home
Explore
Here is the collection of patterns
All covers you see in this page are made with CSS only. Inspect them! 🎉
Layout
Holy grail
Sidebar
Simple grid
Split screen
Sticky footer
Sticky header
Navigation
/
/
Breadcrumb
Circular navigation
Dot navigation
Dropdown
Full screen menu
Menu
Pagination
<
>
Previous next buttons
Split navigation
Tab
1
2
3
Wizard
Input
Button with icon
Custom checkbox button
Custom radio button
Floating label
Input addon
Radio button group
Radio switch
★
★
★
☆
☆
Rating
Search box
Slider
Spin button
-
+
Stepper input
Switch
Toggle password visibility
Upload button
Display
Accordion
Avatar
1
2
3
Avatar list
1
Badge
Card
Centering
Cookie banner
Corner ribbon
Docked at corner
Dot leader
Drop area
Drop cap
Feature list
Fixed at corner
PN
Initial avatar
Media object
Overlay play button
Pricing table
Property list
Questions and answers
Ribbon
Same height columns
Separator
Feedback
×
Modal
×
Notification
Popover arrow
Progress bar
33%
Radial progress bar
Presence indicator
.my-products
{
css-layout,
/* You are here */
form-validation,
/* A JS validation library */
blur-page,
/* Chrome and Firefox extensions */
react-pdf-viewer,
/* A React component */
}
.about
{
twitter:
@nghuuphuoc
;
email:
me@phuoc.ng
;
github:
github.com/phuoc-ng/csslayout
;
}
Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!
Subscribe