A Prototyping kit for Tailwind CSS

Template feature image



Wireframing and prototyping can be time-consuming. Windyblocks, the prototyping kit for Tailwind CSS, comes with more than 235 handcrafted Tailwind CSS components. Ready to be copied and pasted into your next website.

All Tailwind components are designed in the same minimalist style and provide a clean and consistent look and feel. WindyBlocks saves you time during wireframing and prototyping.

What is included:

✔️ 235+ handcrafted Tailwind CSS Components
✔️ Free updates and bug fixes
✔️ 10+ Real-world ready to use examples
✔️ Clean and consistent look and feel


WindyBlocks the prototyping kit for Tailwind CSS is loaded with components coded by hand. It includes components categorized in the following categories:

✔️ footer components ✔️ team components ✔️ feature components ✔️ Pricing components ✔️ Hero components ✔️ Content components ✔️ Header components ✔️ Navigation components ✔️ Modal components ✔️ CTA components ✔️ Testimonial components ✔️ Form and inputs ✔️ Elements ✔️ Stats components ✔️ Page layouts ✔️ Real-world examples

All components have 3 responsive variants for mobile, tablet, and desktop. This is an early access product. See the roadmap for the current product status.

Check out a preview of their components here. To learn more information check out their product listing at 

Get notified when we add new designs.

Twice a month I share the best Tailwind templates, UI kits and components in my newsletter. 30 Tailwind hackers find it useful. I'd love you to join.