Simple 404 Page
Clean Tailwind CSS 404 error page with an animated unplugged-cable illustration, site search, helpful link cards and a go-back button.
All components
Browse free, copy-paste UI components built with HTML, CSS and JavaScript.
200 component(s)
SaaS Landing Page
Complete Tailwind CSS SaaS landing page with dark hero, feature grid, monthly/yearly pricing switch, FAQ accordion and footer.
Reading Progress Bar
Sticky Tailwind CSS reading progress bar with a gradient fill, clickable chapter markers, current section label, minutes left and a circular back-to-top indicator.
Slide-Over Panel
Tailwind CSS slide-over drawer from the right with header, scrollable form content, sticky footer actions, focus trap and Escape to close.
Alerts Collection
Tailwind CSS alerts collection with success, warning, error and info variants, icons, action links and accessible dismiss buttons.
Toast Notifications
Stacking Tailwind CSS toast notifications for success, error and info with auto-dismiss countdown, pause on hover and accessible live region.
Social Login Buttons
Dark Tailwind CSS social login buttons for Google, Apple and GitHub with full-width and icon-only variants and a loading spinner state.
Cookie Consent Banner
Tailwind CSS cookie consent banner with accept, reject and a settings dialog with category switches, saved to localStorage with a consent event.
Empty State with Illustration
Tailwind CSS empty state with an animated inline SVG illustration, clear headline, primary and secondary call-to-action buttons and template shortcuts.
Skeleton Card Loader
Tailwind CSS skeleton loaders for an article card grid and a list, with pulse or shimmer animation that swaps to real content once loaded.
Full-Page Loader
Tailwind CSS full-page loader overlay with a spinning gradient ring, progress bar and status messages that fades out once the page has loaded.
Icon Buttons with Tooltips
Accessible Tailwind CSS icon buttons with tooltips as labels, toggle states, a keyboard-friendly toolbar, a navigation rail and Escape to dismiss.
Segmented Control
Tailwind CSS segmented control with a sliding thumb, built on native radio inputs for single-choice view, range and billing toggles.
Button Variants
Tailwind CSS button set with primary, secondary, outline, ghost, danger and link variants, five sizes, icon buttons, loading and disabled states.
Onboarding Wizard
Tailwind CSS onboarding wizard with step indicator, progress bar, radio cards, topic chips, validation and an editable summary before finishing.
Rating Summary with Bars
Tailwind CSS review summary with an average score, partial star fill and clickable rating distribution bars that filter reviews.
Command Palette Search
Dark Tailwind CSS command palette opened with Ctrl+K: live filtering with match highlights, grouped results and full keyboard navigation.
Date Picker Dropdown
Accessible Tailwind CSS date picker: a text input with a calendar popup, keyboard grid navigation, locale-aware labels and min/max dates.
File Upload Dropzone
Tailwind CSS drag-and-drop file upload zone with keyboard support, type and size validation, a file list and per-file progress bars.
Month Calendar with Events
Tailwind CSS month calendar with colored event pills, today highlight, prev/next navigation, keyboard support and a day agenda.
Stat Cards with Trend
Tailwind CSS KPI stat cards with change percentage pills and animated SVG sparklines generated from a data attribute.
Badges and Tags Collection
Dark Tailwind CSS badge collection: color pills, status dots, notification counters, icon badges and removable tags with an add-tag input.
Avatar Group
Overlapping Tailwind CSS avatar stack in three sizes with initials, status dots, name tooltips and a +N counter that reveals hidden people.
Dual Range Price Slider
Tailwind CSS min/max price slider with two handles, synced number inputs and a live histogram that counts products in the selected range.