Free TailwindCSS Components
100+ components for React, Vue & HTML in 50+ categories. Copy, paste, and customize for your next project. All components are free and production-ready.
Accordion
Expandable/collapsible sections for FAQs, menus, and content toggles
Article
Blog posts, news articles, and content layouts
Avatar
Profile pictures, user avatars, and image placeholders
Badge
Status badges, notification dots, and label indicators
Banner
Hero banners, promotional banners, and announcement bars
Blog
Blog layouts, post cards, and content sections
Breadcrumb
Navigation breadcrumbs and path indicators
Button
Primary buttons, secondary buttons, and icon buttons
Call to Action
CTA sections, conversion banners, and action prompts
Card
Product cards, content cards, and feature cards
Carousel
Image sliders, content carousels, and gallery components
Contact
Contact forms, info cards, and communication sections
Divider
Section dividers, separators, and visual breaks
Dropdown
Select dropdowns, menu dropdowns, and action menus
Error
404 pages, error messages, and warning alerts
FAQ
Frequently asked questions and accordion layouts
Feature
Feature sections, benefit lists, and highlight boxes
Filter
Data filters, sort options, and advanced search filters
File Upload
Drag & drop upload, file pickers, and progress indicators
Footer
Site footers with links, social media, and contact info
Form
Contact forms, signup forms, and input layouts
Gallery
Image galleries, photo grids, and media showcases
Header
Site headers, navigation bars, and top sections
Hero
Landing page heroes, banners, and intro sections
Input
Text inputs, selects, checkboxes, and form controls
Loading
Spinners, progress bars, and loading indicators
Login
Login forms, signup pages, and auth components
Modal
Dialog boxes, popups, and overlay windows
News
News articles, press releases, and breaking news cards
Notification
Alert banners, notification badges, and system messages
Pagination
Page navigation, numbered pagination, and load more buttons
Pricing
Pricing tables, subscription plans, and feature comparisons
Progress
Progress bars, loading progress, and completion indicators
Profile
User profiles, account pages, and personal info cards
Review
Customer reviews, testimonials, and rating cards
Search
Search bars, filters, autocomplete, and search results
Shopping Cart
Cart items, checkout flows, and e-commerce widgets
Sidebar
Side navigation, filters, and content sidebars
Skeleton Loader
Loading placeholders and skeleton screens
Slider
Range sliders, value pickers, and input controls
Snackbar
Toast notifications, alerts, and message bars
Stats
Statistics cards, metrics, and data visualization
Steps
Step indicators, progress trackers, and wizards
Table
Data tables, pricing tables, and comparison tables
Tabs
Tab navigation, content switching, and panel groups
Team
Team member cards, staff listings, and about sections
Testimonial
Customer testimonials, quotes, and feedback cards
Timeline
Event timelines, progress trackers, and history views
Toggle
Toggle switches, on/off buttons, and setting controls
Tooltip
Hover tooltips, info poppers, and help indicators
Weather
Weather widgets, forecasts, and climate displays
🎨 Latest Templates
We use cookies to improve your experience and analytics. You can accept all cookies or reject non-essential ones.