.home

Explore

Here is the collection of 67 patterns

All covers you see in this page are made with CSS only. Inspect them! 🎉
CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed

Layout

Holy grail

Same height columns

Sidebar

Simple grid

Split screen

Sticky footer

Sticky header

Navigation

/
/

Breadcrumb

Circular navigation

Dot navigation

Drawer

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

Close button

Cookie banner

Corner ribbon

Docked at corner

Dot leader

Drop area

Drop cap

Feature comparison

Feature list

Fixed at corner

PN

Initial avatar

Media object

Overlay play button

Pricing table

Property list

Questions and answers

Ribbon

Separator

Timeline

Feedback

×

Modal

×

Notification

Popover arrow

Progress bar

33%

Radial progress bar

Resizable element

Presence indicator

Validation icon

Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!