Find your starting point
Search the resource cards, then open the full details. uiCookies template downloads use one-time email confirmation; newsletter signup is optional.
104 resources
Builder · Bootstrap
Tablecraft
Configure table columns, density, palettes, search, sorting and pagination. Export the exact preview as standalone HTML, CSS and vanilla JavaScript.
Builder · Bootstrap
Accessgrid
A role-permission workbench with isolated drafts, member previews, permission dependencies, last-admin protection, committed JSON export and undo.
Builder · Bootstrap
Querynest
Build typed AND/OR filter groups with live account previews, validation, JSON import/export and matching-row CSV. No SQL or code execution.
Builder · Bootstrap
Formweave
Build conditional text, email, select and checkbox fields, preview the exact standalone HTML, and export a form that keeps hidden questions out of responses.
UI kit · Bootstrap
Seatloom
An assigned-seat reservation component with keyboard navigation, blocked seats, party-size checks, final availability validation and reversible cancellation.
UI kit · Bootstrap
Stateframe
Four complete loading-state examples for dashboards, tables, product grids and inboxes, with timed transitions and standalone HTML exports.
UI kit · Bootstrap
Fallback
Five recovery patterns with working no-results, offline draft, failed attachment, permission and retry flows. Bootstrap 5 and vanilla JavaScript.
UI kit · Bootstrap
Papertrail
Editable quotations, purchase orders, delivery notes and packing slips with local drafts, precise totals, A4/Letter printing and standalone HTML export.
Template · Bootstrap
Flowpath
Four connected journeys for workspace onboarding, seat-based billing, appointment booking and checkout, sharing local drafts and immutable demo receipts.
Template · Bootstrap
Gatehouse
An event operations template with attendee registration, check-in, attendance exports, session capacity, conflicting-session checks and a desk activity log.
Template · Bootstrap
Hourledger
A weekly timesheet dashboard with work intervals, break deductions, overlap checks, submission locks, reviewer returns and approved project reports.
Template · Bootstrap
Loanroom
Track serialized equipment through checkout, overdue loans, returns and maintenance. Three Bootstrap 5 pages with local records and handover history.
Template · Bootstrap
Hirelane
A staff recruitment dashboard with role-based candidate pipeline, structured scorecards, offer acceptance, opening limits and conflict-checked interviews.
Builder · Bootstrap
Importbench
A local CSV import workbench with quoted-field parsing, column mapping, validation, duplicate checks, rejected-row exports and latest-batch rollback.
Template · Bootstrap
Routeboard
Assign deliveries to driver routes, enforce vehicle capacity, lock dispatched loads and record stop outcomes with completed-route snapshots.
Template · Bootstrap
Claimdesk
Itemized expense claims with receipt-reference checks, claim limits, submission locks, reviewer returns and approved snapshots. No payments are sent.
Template · Bootstrap
Shiftkind
Coordinate fictional volunteers with training and availability checks, shift capacity, attendance outcomes and service-hour snapshots from closed rosters.
Template · Bootstrap
Giftledger
Track campaign gifts, donor profiles and pledge balances with unique references, partial fulfillment, void history and downloadable demo acknowledgements.
Template · Bootstrap
Taskharbor
A connected project board with task prerequisites, completion checklists, owner workload limits, due dates, work notes and workload reporting.
Template · Bootstrap
Filegrove
A virtual file workspace with folders, rename and move rules, favorites, reversible trash batches, conflict-aware restore and metadata export.
Component pack · CSS / Bootstrap / Tailwind
Forms & inputs
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Login forms
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Sign-up & registration forms
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Checkboxes & radios
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Toggle switches
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Range sliders
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Multiselects
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
File uploads
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Form wizards
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Search bars
Fields, choices and multi-step flows, every one with a real label.
Component pack · CSS / Bootstrap / Tailwind
Menus
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Headers
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Footers
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Sidebars
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Dropdown menus
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Tabs
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Breadcrumbs
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Pagination
Menus, headers, footers and the small controls that move people around a site.
Component pack · CSS / Bootstrap / Tailwind
Cards
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Tables & datatables
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Accordions
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Timelines
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Horizontal timelines
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Calendars
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Clocks & timers
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Countdown timers
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Blockquotes
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Dashboard widgets
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Profile cards
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Tree views
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Comment sections
Cards, tables, timelines and the widgets that hold a page’s actual content.
Component pack · CSS / Bootstrap / Tailwind
Tooltips & popovers
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Component pack · CSS / Bootstrap / Tailwind
Badges, chips & avatars
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Component pack · CSS / Bootstrap / Tailwind
Social media icons
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Component pack · CSS / Bootstrap / Tailwind
Star ratings
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Component pack · CSS / Bootstrap / Tailwind
Speech bubbles
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Component pack · CSS / Bootstrap / Tailwind
CSS arrows
The small pieces every interface needs: tooltips, badges, avatars, icons and ratings.
Component pack · CSS / Bootstrap / Tailwind
Chat UI
Interactive app patterns with keyboard alternatives built in, drag and drop included.
Component pack · CSS / Bootstrap / Tailwind
Drag & drop and kanban
Interactive app patterns with keyboard alternatives built in, drag and drop included.
Component pack · CSS / Bootstrap / Tailwind
To-do lists
Interactive app patterns with keyboard alternatives built in, drag and drop included.
Component pack · CSS / Bootstrap / Tailwind
Interactive maps
Interactive app patterns with keyboard alternatives built in, drag and drop included.
Component pack · CSS / Bootstrap / Tailwind
Hero sections
Whole landing-page sections you can stack into a page.
Component pack · CSS / Bootstrap / Tailwind
Testimonials
Whole landing-page sections you can stack into a page.
Component pack · CSS / Bootstrap / Tailwind
Feature sections & CTAs
Whole landing-page sections you can stack into a page.
Component pack · CSS / Bootstrap / Tailwind
Newsletter signup forms
Whole landing-page sections you can stack into a page.
Component pack · CSS / Bootstrap / Tailwind
Stats & animated counters
Whole landing-page sections you can stack into a page.
Component pack · CSS / Bootstrap / Tailwind
Glassmorphism UI kit
One design language across a full set of components, accessible by design.
Component pack · CSS / Bootstrap / Tailwind
Neumorphism UI kit
One design language across a full set of components, accessible by design.
Component pack · CSS / Bootstrap / Tailwind
Neobrutalism UI kit
One design language across a full set of components, accessible by design.
Component pack · CSS / Bootstrap / Tailwind
Dark UI kit
One design language across a full set of components, accessible by design.
Component pack · CSS / Bootstrap / Tailwind
Claymorphism UI kit
One design language across a full set of components, accessible by design.
Component pack · CSS / Bootstrap / Tailwind
Retro UI kit
One design language across a full set of components, accessible by design.
Component pack · CSS / Bootstrap / Tailwind
Product cards
Product cards, carts, checkouts and pricing: the screens that take money, with totals that add up.
Component pack · CSS / Bootstrap / Tailwind
Shopping cart & checkout
Product cards, carts, checkouts and pricing: the screens that take money, with totals that add up.
Component pack · CSS / Bootstrap / Tailwind
Pricing tables
Product cards, carts, checkouts and pricing: the screens that take money, with totals that add up.
Component pack · CSS / Bootstrap / Tailwind
Invoices & receipts
Product cards, carts, checkouts and pricing: the screens that take money, with totals that add up.
Component pack · CSS / Bootstrap / Tailwind
Image galleries & lightboxes
Galleries, slideshows, carousels and audio players, keyboard-operable throughout.
Component pack · CSS / Bootstrap / Tailwind
Carousels
Galleries, slideshows, carousels and audio players, keyboard-operable throughout.
Component pack · CSS / Bootstrap / Tailwind
Music players
Galleries, slideshows, carousels and audio players, keyboard-operable throughout.
Component pack · CSS / Bootstrap / Tailwind
Video players
Galleries, slideshows, carousels and audio players, keyboard-operable throughout.
Component pack · CSS / Bootstrap / Tailwind
Image comparison sliders
Galleries, slideshows, carousels and audio players, keyboard-operable throughout.
Component pack · CSS / Bootstrap / Tailwind
Alerts & toasts
Messages, dialogs and progress — the states most collections skip.
Component pack · CSS / Bootstrap / Tailwind
Notifications & toasts
Messages, dialogs and progress — the states most collections skip.
Component pack · CSS / Bootstrap / Tailwind
Modals
Messages, dialogs and progress — the states most collections skip.
Component pack · CSS / Bootstrap / Tailwind
Progress bars
Messages, dialogs and progress — the states most collections skip.
Component pack · CSS / Bootstrap / Tailwind
Loading animations
Messages, dialogs and progress — the states most collections skip.
Component pack · CSS / Bootstrap / Tailwind
Buttons
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Links & hover effects
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Text & glow effects
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Ribbons
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Dividers & HR styles
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Colour palettes
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Background patterns
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Hover effects
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
Scroll animations
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
3D effects
Buttons, links and decorative CSS, with reduced-motion handled per effect.
Component pack · CSS / Bootstrap / Tailwind
404 & error pages
Single-purpose pages you can drop in as they are.
Component pack · CSS / Bootstrap / Tailwind
Coming soon pages
Single-purpose pages you can drop in as they are.
Component pack · CSS / Bootstrap / Tailwind
Bootstrap 6 forms
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
Component pack · CSS / Bootstrap / Tailwind
Bootstrap 6 cards
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
Component pack · CSS / Bootstrap / Tailwind
Bootstrap 6 tables
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
Component pack · CSS / Bootstrap / Tailwind
Bootstrap 6 navbars
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
Component pack · CSS / Bootstrap / Tailwind
Bootstrap 6 modals
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
Component pack · CSS / Bootstrap / Tailwind
Bootstrap 6 login forms
Built on the Bootstrap 6 alpha, with the v5 → v6 changes noted on each page.
No resources match. Try a shorter search or clear the filters.
83 free component packs, 826 sets in all. Every set has a live demo, and 694 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
Navigation
Content & data
UI elements
App UI
Page sections
Design-style kits
Commerce
Media
Feedback & overlays
Effects & visuals
Page templates
Bootstrap 6 components
Complete states, documents and workflows
These downloadable application UI kits connect reusable components into complete screens. They complement the existing component packs and include source, live demos and integration notes.
- Stateframe — complete loading states for dashboard, table, product and inbox screens.
- Fallback — empty, offline, upload, permission and request recovery flows.
- Papertrail — printable quotations, purchase orders, delivery notes and packing slips.
- Tablecraft — a live table configurator with standalone code export.
- Flowpath — connected onboarding, plan, appointment and checkout journeys.
Operations workspaces and data import
These downloadable templates and components connect application tasks across screens. They include local demo records and source, and complement the component packs above.
- Gatehouse — event attendee check-in and capacity-checked sessions.
- Hourledger — timesheet submission, review and approved reports.
- Loanroom — equipment checkout, returns and maintenance.
- Hirelane — staff recruitment with scorecards, offers and interviews.
- Importbench — CSV mapping, validation, duplicate checks and rollback.
Operational apps and staged workbenches
These downloadable application templates and UI components connect dispatch, expenses, volunteer coverage, role editing and typed data conditions. Each includes source and a browser-local demo.
- Routeboard — delivery assignment, driver handovers and route outcomes.
- Claimdesk — itemized expense claims, receipt checks and review snapshots.
- Shiftkind — volunteer training, shift coverage and completed service records.
- Accessgrid — draft role permissions, effective-access previews and JSON export.
- Querynest — typed AND/OR filter groups, result previews and validated query export.
Project, content and event workspaces
These downloadable templates and UI kits connect donor records, project tasks, virtual files, conditional forms and assigned seating. Each includes source and a browser-local demo.
- Giftledger — donor pledges, recorded gifts and campaign progress.
- Taskharbor — project tasks, prerequisites, checklists and workload.
- Filegrove — virtual file organization, move rules, trash and restore.
- Formweave — conditional form authoring with standalone HTML export.
- Seatloom — assigned seating, keyboard selection and cancellable reservations.