Alternating Timeline
Pure CSS vertical timeline with a center line and entries that alternate left and right, collapsing to a single column on mobile.
Tag: responsive
Components tagged with "responsive".
121 component(s)
Table with Sticky Header
Dark striped data table in pure CSS with a sticky header row and sticky first column inside a scrollable, keyboard-focusable container.
Cards with Hover Lift
Pure CSS blog card grid where each card lifts with a deeper shadow and zooms its image on hover or keyboard focus.
Animated Pill Tabs
Segmented pill tabs with a sliding, springy background, ARIA tabs keyboard support and fading panels, shown on an analytics card. Pure CSS and vanilla JS.
Arrow Breadcrumbs
Chevron-shaped breadcrumb steps cut with CSS clip-path, with an interlocking layout, a color ramp toward the current page and a compact dark variant. No JavaScript.
Full-Screen Overlay Mobile Menu
Hamburger button that opens a full-screen menu with a circular clip-path reveal, staggered serif links, focus trap and Escape to close, in pure CSS and vanilla JS.
Navbar with Sliding Active Indicator
Dark responsive navbar with a glowing underline that slides between links on hover, focus and click, built with CSS custom properties and vanilla JS.
Pricing Cards with Billing Toggle
Bootstrap 5 pricing cards with a Monthly / Annual segmented switch that updates prices, savings and yearly totals, plus a highlighted featured plan.
Pricing Comparison Table
Dark Bootstrap 5 plan comparison table with grouped features, highlighted popular plan, sticky feature column, tooltips and a show-only-differences switch.
Checkout Form with Order Summary
Bootstrap 5 one-page checkout with contact, shipping, delivery and payment sections, card input masks, validation, promo code and a live order summary.
Mini Cart Dropdown
Bootstrap 5 navbar mini cart dropdown with quantity steppers, remove buttons, free-shipping progress, live subtotal and checkout button.
Account Settings Page with Tabs
Bootstrap 5 account settings page with profile, security and notification tabs, password strength meter, session list and simulated save.
Bootstrap Admin Dashboard Layout
Bootstrap 5 admin dashboard with a responsive offcanvas sidebar, KPI cards, an SVG revenue chart, category meters and a filterable recent orders table.
No Search Results
Bootstrap 5 empty search state with a spelling-aware "Did you mean" suggestion, removable filter chips, search tips, popular searches and a support link.
Centered Login Page
Full-page Bootstrap 5 sign-in with a centered card, Google and GitHub buttons, validated email and password fields, a show password toggle and a Caps Lock warning.
Bootstrap Coming Soon Page
Bootstrap 5 coming soon page with a live countdown from a data attribute, an email notify form with validation and social links in a centered card.
500 Server Error Page
Dark Bootstrap 5 500 error page with a server rack illustration, retry button, status page link, copyable reference ID and service status list.
Mobile App Landing Page
Bootstrap 5 mobile app landing page with a CSS phone mockup, floating notification cards, store buttons, feature grid, steps and a gradient call to action.
Offcanvas Shopping Cart
Bootstrap 5 offcanvas cart drawer with quantity steppers, remove buttons, free-shipping progress, live totals and an empty state.
Dismissible Alerts with Icons
Bootstrap 5 dismissible alerts with icons, headings, per-alert close buttons, dismiss all, restore and screen reader announcements.
Floating Label Inputs
Bootstrap 5 floating label inputs for text, email, select and textarea, styled as filled fields with validation, read-only and disabled states.
Signup Form with Validation
Bootstrap 5 signup form with live password rules, a strength meter, show/hide toggle, password confirmation and a required terms checkbox.
Comment Section with Reply Form
Bootstrap 5 comment section with threaded replies, collapsible reply forms, like buttons, a new comment form and live comment count.
KPI Cards with Progress
Dark Bootstrap 5 KPI cards with trend badges, goal progress bars and a Month, Quarter and Year switch for admin and sales dashboards.