Community-built
Tailwind CSS Components Library
Let's not stress about website designs. Create Stunning UIs Effortlessly, with Over 2100+ 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.
Public Profile
Make a name for yourself - Create a good profile and showcase your designing skills to the world.
Tags
-
343
-
172
-
160
-
133
-
126
-
121
-
119
-
103
-
91
-
84
-
81
-
77
Recent
-
Elegant Buttons
Useful Tailwind classes for creating several types of basic buttons.
16 hours ago10 -
Gradient Breadcrumb
Breadcrumb. Gradient background. Gradient text on hover. Based on gopi/breadcrumb-2.
19 hours ago6 -
Fireflies
Fireflies in the night sky. Based on anonymous/background-animation-2
20 hours ago14 -
Image Card
An image. Shows title and description info when hovering. Image zooms and darkens when hovering.
1 day ago19 -
Simple Animated Carousel
A simple, animated 2:1 carousel with touch swipe support, based on perky98/Juraj's carousel.
1 day ago32 -
Gradient progress bar
A progress bar with gradient
6 days ago22 -
footer
footer
6 days ago141 -
Card
Profile Card
6 days ago53 -
Review popup form with toggle and stars
Review popup form with toggle and stars
6 days ago21
Trending Users of last 30 days
-
# 1$@(\/)(\/)Y
Bringing web ideas to life! Full-stack developer with 4 years of experience.
61 components6.7k -
# 234 components2.2k
-
# 3Maxim
Designer @ LQRS
42 components1.9k -
# 4Rajesh Maheshwari
Frontend Developer | Expert in React.js, Next.js, Tailwind CSS, HTML5 & CSS3
33 components1.8k -
# 5Prajwal Hallale
Hello there, I am a fullstack web developer.
61 components1.7k -
# 6Hamza Atig
currently compiling life...
12 components1.4k -
# 7Amit Pachange
I'm an Artist, App developer and Web developer.
33 components1.3k -
# 8Michael Andreuzza
❖ UI Design ✺ Front End Project: http://lexingtonthemes.com ⏤ Free & Premium themes crafted with Astro.js & Tailwind CSS
36 components1.2k -
# 9ᴀʀ!ᴀ
telegram: @ariaw
11 components1.1k -
# 1030 components965
-
# 11Crimson
be the best you can be <3 Making it to the top
12 components787 -
# 1225 components774
-
# 1320 components771
-
# 14Muhammad Umair Arshad
I'm a passionate and results-driven Frontend Developer with expertise in modern web technologies like HTML5, CSS3, JavaScript, ReactJS, and TypeScript. With a strong foundation in responsive design and UI/UX principles, I specialize in creating interactive, user-friendly websites and applications that are both functional and visually appealing.
6 components699 -
# 15Nick Girga
making games and music :P
5 components687
Trending Components of last 30 days
-
# 1
-
# 2
-
# 3
-
# 4Flour 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.1k -
# 5
author
Brandon D1.1k -
# 6Carousel with Tailwind CSS and Alpine.js
Simple card Carousel
author
Brandon D861
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.