Windl is a free website to customize and download Tailwind CSS components.
Tailwind CSS is a utility-first CSS framework to rapidly build custom user interfaces (UIs). It is a highly customizable and low-level CSS framework which makes it easy to build and design modern looking websites. Unlike older CSS frameworks that come with a predefined set of styles and components, Tailwind CSS is designed to be used as a base that you can build upon to create your own unique UI designs.
Since creating Tailwind components manually can be time consuming, you can use the ready-made ones. There are some other websites to do this but Windl here is completely free. Here it not only lets you find and download the components but you can also customize them before copying the final HTML/CSS code. You can do that with every component that you find on this website.
Free Website to Customize, Download Tailwind CSS Components: Windl
You don’t need to be a registered user to use this website. Just go to its homepage and then from there, you can just find the components that you need. All those are listed right on the main website. For now, it has these types of components:
- Alert
- Blog
- Breadcrumb
- Button
- Card
- Contact
- CTA
- Dropdown
- FAQ
- Feature
- Footer
- Form
- Hero
- Modal
- Navbar
- Pagination
- Portfolio
- Pricing
- Sidebar
- Tabs
- Team
- Testimonial
- Template
Click on any of the component type and it will show you the matching templates available for that.
Select any template, and it will show you its preview and the corresponding HTML/CSS code. It displays the code in the editable form. You can change the text in the code to see how the component will look with the desired piece of text. Finally, you can just copy the code and use it wherever you like.
Next, you can just open any other component and then copy the corresponding code. You are free to modify the existing templates and then download them all if you want to. What is best about this tool here is that it is open source as well.
Closing thoughts:
If you are looking for free and open source Tailwind components then you are at the right place. Windl has a very good collection of those components that you can just copy and use them to build your websites. It doesn’t matter if you are building a personal blog, ecommerce website, or a business website. It has components for all and all you have to do is select components and use them wherever you want.