.home

Explore

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

Card layout

Holy grail

Same height columns

Sidebar

Simple grid

Split screen

Sticky footer

Sticky header

Sticky sections

Navigation

/
/

Breadcrumb

Circular navigation

Dot navigation

Drawer

Dropdown

Full screen menu

Mega menu

Menu

Nested dropdowns

Pagination

<
>

Previous next buttons

Split navigation

Tab

1
2
3

Wizard

Input

Button with icon

Chip

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

Arrow buttons

Avatar

1
2
3

Avatar list

1

Badge

Card

Centering

Close button

Cookie banner

Corner ribbon

Curved background

Diagonal section

Docked at corner

Dot leader

Drop area

Drop cap

Fading long section

Feature comparison

Feature list

Fixed at corner

Fixed at side

Full background

PN

Initial avatar

⌘ + C

Keyboard shortcut

Lined paper

Media object

Overlay play button

Pricing table

Property list

Questions and answers

Ribbon

Separator

Stacked cards

Stamp border

1k+
stars

Statistic

Status light

Sticky table column

Sticky table headers

Teardrop

Timeline

Triangle buttons

Video background

Draft

Watermark

Feedback

×

Modal

×

Notification

Popover arrow

Progress bar

33%

Radial progress bar

Resizable element

Presence indicator

Tooltip

Validation icon

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