.home

Explore

Here is the collection of 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

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

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