Every component below has a Bootstrap 5.3.8 version that uses Bootstrap's own components and utilities wherever one exists, restyled through Bootstrap's CSS variables plus a short block of extra CSS for anything Bootstrap does not cover.
Add bootstrap.min.css (and bootstrap.bundle.min.js when a component says it needs it), then copy the markup and the small style block. Dark versions use data-bs-theme="dark". Each component also exists in plain CSS and Tailwind CSS 4, one tab away on its page.
604 free Bootstrap 5 components, each with a live demo and copyable code.
Forms & inputs
Login forms 22
- Split-Screen Login Form
- Floating Label Login Card
- Glassmorphism Login Form
- Social Login Form
- Animated Gradient Border Login
- Magic Link Login Form
- Neobrutalist Login Form
- SaaS Login Page with SSO
- Login and Sign-Up Tabs
- Terminal-Style Login Form
- One-Time Code Input
- Two-Factor Code Form
- Passkey Sign-In Form
- Identifier-First Login Form
- Enterprise SSO Login Form
- Phone Number Login Form
- Session Lock Screen
- Password Reset Request Form
- Login Form with Error States
- Background Image Login Form
- Session Expired Login Modal
- Theme-Aware Login Form
Content & data
Cards 22
- Profile Cards with Stats
- Dark Blog Post Cards
- Product Cards with Wishlist
- Three-Tier Pricing Cards
- 3D Flip Cards
- Glassmorphism Usage Cards
- KPI Stat Cards with Sparklines
- Testimonial Cards with Ratings
- Hover Reveal Overlay Cards
- Horizontal Media Cards
- Event Card with Date Block
- Notification Cards
- File Upload Status Cards
- Course Progress Card
- Job Listing Card
- Weather Forecast Card
- Music Player Card
- Invoice Receipt Card
- Kanban Task Cards
- Expandable Details Cards
- Skeleton Loading Card
- Bento Grid Cards
Tables & datatables 22
- Searchable Paginated Datatable
- Striped Table with Totals
- Dark Service Status Table
- Responsive Stacked Table
- Sticky Header Table
- Selectable Rows Table
- Expandable Rows Table
- Plan Comparison Table
- Invoice Line Items Table
- Minimal Hairline Table
- Data Table Toolbar
- Sortable Table Headers
- Loading, Empty & Error Tables
- Inline Editable Table Cells
- Frozen First Column Table
- Grouped Rows with Subtotals
- Tree Table with Nested Rows
- Tables with Inline Charts
- Table Row Actions and Bulk Bar
- Table Pagination Patterns
- Resizable Table Columns
- Reorderable Table Rows
Timelines 22
- Vertical Alternating Timeline
- Minimal Release Notes Timeline
- Dark Product Roadmap Timeline
- Activity Feed Timeline
- Horizontal Steps Timeline
- Scrolling History Timeline
- Quarterly Roadmap Timeline
- Milestone Cards Timeline
- Gradient Glow Timeline
- Resume Experience Timeline
- Gantt Chart Timeline
- Horizontal Media Timeline
- Horizontal-to-Vertical Timeline
- Icon Process Timeline
- Compact Inline Timelines
- Decade Axis Timeline
- Grouped Changelog Timeline
- Scroll-Filled Spine Timeline
- Delivery Tracking Timeline
- Discussion Thread Timeline
- Alternating Icon Timeline
- Audit Log Timeline
Calendars 22
- Month Grid Calendar with Events
- Mini Picker Calendar
- Dark Event Calendar
- Week Schedule Calendar
- Agenda List Calendar
- Year Overview Calendar
- Booking Range Calendar
- Glass Widget Calendar
- Printable Planner Calendar
- Calendar with Events Sidebar
- Date Picker Input
- Appointment Time Slot Picker
- Activity Heatmap Calendar
- Day View Calendar with Now Line
- Quarter View Calendar
- Resource Scheduling Calendar
- Calendar with Day Detail Panel
- Compact Dashboard Calendar
- Weekly Availability Picker
- Event Countdown Card
- Recurring Event Preview
- Mobile Agenda List
UI elements
App UI
Page sections
Design-style kits
Commerce
Media
Feedback & overlays
Effects & visuals
Buttons 22
- Gradient Buttons
- 3D Pressable Buttons
- Ghost Outline Buttons
- Icon Buttons and Like Toggle
- Loading Spinner Buttons
- Neon Glow Buttons
- Neobrutalist Buttons
- Social Login Buttons
- Pill Buttons
- Shine and Sweep Buttons
- Buttons with Moving Icons
- Segmented Button Controls
- Split Action Buttons
- Button Size Scale
- Button States Reference
- State-Change Buttons
- Animated Border Buttons
- Text and Link Buttons
- Button Groups and Toolbars
- Marketing CTA Buttons
- Frosted Glass Buttons
- Expanding Icon Buttons