82 free component packs, 818 sets in all. Every set has a live demo, and 684 of them have their own code page in plain CSS, Bootstrap 5 and Tailwind 4, checked with axe-core for WCAG 2.1 AA, keyboard focus and reduced motion. Download a whole pack as one zip, or copy a single set.
Browse every code snippet Looking for full website templates? Browse the catalogue →
Browse by framework: HTML & CSS · Bootstrap 5 · Tailwind CSS 4 · React
Forms & inputs
Fields, choices and multi-step flows, every one with a real label.
Forms & inputs8 sets · CSS, Bootstrap 5 & Tailwind 4
Login forms22 sets · CSS, Bootstrap 5 & Tailwind 4
Sign-up & registration forms8 sets · CSS, Bootstrap 5 & Tailwind 4
Checkboxes & radios8 sets · CSS, Bootstrap 5 & Tailwind 4
Toggle switches8 sets · CSS, Bootstrap 5 & Tailwind 4
Range sliders8 sets · CSS, Bootstrap 5 & Tailwind 4
Multiselects8 sets · CSS, Bootstrap 5 & Tailwind 4
File uploads8 sets · CSS, Bootstrap 5 & Tailwind 4
Form wizards8 sets · CSS, Bootstrap 5 & Tailwind 4
Search bars8 sets · CSS, Bootstrap 5 & Tailwind 4
Navigation
Menus, headers, footers and the small controls that move people around a site.
Menus22 sets · CSS, Bootstrap 5 & Tailwind 4
Headers22 sets · CSS, Bootstrap 5 & Tailwind 4
Footers22 sets · CSS, Bootstrap 5 & Tailwind 4
Sidebars8 sets · CSS, Bootstrap 5 & Tailwind 4
Dropdown menus8 sets · CSS, Bootstrap 5 & Tailwind 4
Tabs22 sets · CSS, Bootstrap 5 & Tailwind 4
Breadcrumbs8 sets · CSS, Bootstrap 5 & Tailwind 4
Pagination8 sets · CSS, Bootstrap 5 & Tailwind 4
Content & data
Cards, tables, timelines and the widgets that hold a page’s actual content.
Cards22 sets · CSS, Bootstrap 5 & Tailwind 4
Tables & datatables22 sets · CSS, Bootstrap 5 & Tailwind 4
Accordions8 sets · CSS, Bootstrap 5 & Tailwind 4
Timelines22 sets · CSS, Bootstrap 5 & Tailwind 4- Horizontal timelines10 sets · CSS, Bootstrap 5 & Tailwind 4
Calendars22 sets · CSS, Bootstrap 5 & Tailwind 4
Clocks & timers8 sets · CSS, Bootstrap 5 & Tailwind 4
Blockquotes8 sets · CSS
Dashboard widgets8 sets · CSS, Bootstrap 5 & Tailwind 4
Profile cards8 sets · CSS, Bootstrap 5 & Tailwind 4
Tree views8 sets · CSS, Bootstrap 5 & Tailwind 4
Comment sections8 sets · CSS, Bootstrap 5 & Tailwind 4
UI elements
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Tooltips & popovers8 sets · CSS, Bootstrap 5 & Tailwind 4
Badges, chips & avatars8 sets · CSS, Bootstrap 5 & Tailwind 4
Social media icons8 sets · CSS, Bootstrap 5 & Tailwind 4
Star ratings8 sets · CSS, Bootstrap 5 & Tailwind 4
Speech bubbles8 sets · CSS, Bootstrap 5 & Tailwind 4
CSS arrows8 sets · CSS, Bootstrap 5 & Tailwind 4
App UI
Interactive app patterns with keyboard alternatives built in, drag and drop included.
Page sections
Whole landing-page sections you can stack into a page.
Design-style kits
One design language across a full set of components, accessible by design.
Glassmorphism UI kit8 sets · CSS, Bootstrap 5 & Tailwind 4
Neumorphism UI kit8 sets · CSS, Bootstrap 5 & Tailwind 4
Neobrutalism UI kit8 sets · CSS, Bootstrap 5 & Tailwind 4
Dark UI kit8 sets · CSS, Bootstrap 5 & Tailwind 4
Claymorphism UI kit8 sets · CSS, Bootstrap 5 & Tailwind 4
Retro UI kit8 sets · CSS, Bootstrap 5 & Tailwind 4
Commerce
Product cards, carts, checkouts and pricing: the screens that take money, with totals that add up.
Media
Galleries, slideshows, carousels and audio players, keyboard-operable throughout.
Feedback & overlays
Messages, dialogs and progress — the states most collections skip.
Effects & visuals
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Buttons22 sets · CSS, Bootstrap 5 & Tailwind 4
Links & hover effects8 sets · CSS
Text & glow effects8 sets · CSS
Ribbons8 sets · CSS
Dividers & HR styles8 sets · CSS
Colour palettes8 sets · CSS
Background patterns8 sets · CSS, Bootstrap 5 & Tailwind 4
Hover effects8 sets · CSS, Bootstrap 5 & Tailwind 4
Scroll animations8 sets · CSS, Bootstrap 5 & Tailwind 4
3D effects8 sets · CSS, Bootstrap 5 & Tailwind 4
Page templates
Single-purpose pages you can drop in as they are.
Bootstrap 6 components
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
