Community-built
Tailwind CSS Components Library
Let's not stress about website designs. Create Stunning UIs Effortlessly, with Over 1700+ Ready to Use Components
Tailwind Playground
Experience the power of Tailwind CSS - Play around in our playground, with live preview and a user-friendly code editor.
Create, Save, Share.
Create, save, share and organize your components with ease. Save your components, share them with others, and keep your favorites at hand for easy access.
User profile
Make a name for yourself - Create a good profile and showcase your designing skills to the world.
Tags
-
222
-
130
-
127
-
92
-
90
-
89
-
82
-
80
-
69
-
68
-
63
-
59
Recent
-
Responsive navbar with alpinejs
A mix of Penguin navbar with PineUI Slide-Over
12 hours ago8 -
Otp-code template
This is an OTP code template that contains the one-time password, which can be sent to the user's email either when they are signing up for the first time or for multi-factor authentication (MFA) during the login process.
14 hours ago6 -
1 day ago12
-
User Feedback Card
A responsive user feedback card that displays user information, their role, and a testimonial. The card is styled using Tailwind CSS for a clean and modern look.
1 day ago5 -
zoom in effect card
A responsive card featuring an eye-catching scenic image, designed with Tailwind CSS. This component includes hover effects for the image.
1 day ago20 -
Testimonial Card with Floating Image and Star Rating
A beautifully designed testimonial card featuring a floating user image, review text, and a 5-star rating. The card uses a rounded layout with a bright yellow border, making it stand out on any page. Ideal for displaying customer feedback or product reviews with a modern look.
1 day ago15 -
Responsive Classes List Table with Edit and Delete buttons using Tailwind CSS
This responsive classes list table is built using Tailwind CSS and features: - A clean layout with a header displaying column titles. - Action buttons for editing and deleting entries. - Responsive design that adapts to various screen sizes. - Easy customization options to fit your project's needs.
4 days ago71 -
Responsive Class List Table using Tailwind CSS
A responsive and customizable class list table built with Tailwind CSS, featuring actions for editing and deleting classes.
4 days ago24 -
5 days ago22
Trending Users of last 30 days
-
# 1Prajwal Hallale
Hello there, I am a fullstack web developer.
61 components4.7k -
# 2Amit Pachange
I'm an Artist, App developer and Web developer.
33 components2.3k -
# 3Samuel Abera
Bringing web ideas to life! Full-stack developer with 4 years of experience.
30 components2k -
# 4Michael Andreuzza
❖ UI Design ✺ Front End Project: http://lexingtonthemes.com ⏤ Free & Premium themes crafted with Astro.js & Tailwind CSS
36 components1.8k -
# 520 components1.3k
-
# 628 components1.1k
-
# 79 components1.1k
-
# 825 components1k
-
# 9Pagedone
Build websites faster than ever before with our open-source library featuring 1000+ UI components, sections, and pages designed in Figma and built on Tailwind CSS.
26 components855 -
# 1038 components688
-
# 11Md. Tofayel islam
i am frontend developer my field is react tailwind
18 components676 -
# 125 components573
Trending Components of last 30 days
-
# 1Flour mill website landing page template
flour mill and services template website which comprise of many sections like about us, featured products, why us, visit us
author
Amit Pachange1.9k -
# 2
author
Brandon D1.5k -
# 3Carousel with Tailwind CSS and Alpine.js
Simple card Carousel
author
Brandon D1.4k -
# 4
-
# 5Continue with social login buttons (google, linkedin, twitter, facebook, github, apple)
Login/signup buttons for Google, LinkedIn, Twitter, Facebook, GitHub, and Apple
author
Prajwal Hallale1.2k -
# 6
author
Maxim Alex1.1k
F.A.Q
Who is responsible for creating and maintaining this library?
This library is a collaborative effort of the Tailwind CSS community. It's created and updated by contributors.
Are the components in the library free to use in my projects?
Yes, all components in the library are completely free to use in your personal or commercial projects. They are shared under open-source licenses, which allow for free usage, modification, and distribution.
How do I use the components from the library in my project?
Each component in the library comes with code snippet. You can copy and paste the provided code from component page.
Can I contribute to the library?
Absolutely! We encourage contributions from the community. If you have Tailwind CSS components or templates that you'd like to share, you can build and submit them to the library via Tailwind Playground . Be sure to follow our Contribution guidelines .
Stay Updated
Receive notifications about recently added high-quality components only once or twice a week. We do not spam.