Mobile preview active - Visit on a larger screen to see desktop previews.
     
/

WindyBlocks

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:

The following Tailwind CSS components are included with WindyBlocks:

  • 🟩 Content components (20/20)
  • 🟩 Call to action components (20/20)
  • 🟩 Feature components (20/20) -
  • 🟩 Navigation components (20/20)
  • 🟩 Footer components (15/15)
  • 🟩 Hero components (15/15) -
  • 🟩 Team components (15/15)
  • 🟩 Testimonial components (15/15) -
  • 🟩 Pricing table components (15/15)
  • 🟩 Grid layout components (10/10)
  • 🟩 Form components (10/10)
  • 🟩 Stats components (10/10)
  • 🟩 Real world examples (10/10)
  • 🟩 E-commerce components (10/10)
  • 🟩 Modal components (10/10)
  • 🟩 UI Elements (30/30)

Download and run local in your browser

FAQ

Is WindyBlocks for me?
WindyBlocks target audiences are developers, designers, and entrepreneurs who want to save time during wireframing and prototyping phase of their next project.

Is technical knowledge required?
Yes. You need a basic knowledge of HTML, CSS, and JavaScript to get the most out of WindyBlocks. Experience with Tailwind CSS is recommended but not necessary.

Does Windyblocks ships with JavaScript?
WindyBlocks doesn’t include any JavaScript. It’s designed to be simple and easy to use. Feel free to use your own favorite JS framework.

Is WindyBlocks a page builder?
No! We don’t believe that page builders are an efficient way to create wireframes and prototypes for serious projects. Working in your trusty code editor is way more efficient.

Is WindyBlocks an official Tailwind Labs LLC product?
WindyBlocks is not associated with Tailwind Labs LLC. WindyBlocks is developed by themes.dev and based on the open-source Tailwind CSS framework.

Can I See a preview before I buy WindyBlocks?
Yes, we made a preview page for WindyBlocks where you can see a screenshot of all Tailwind CSS components currently included in WIndyBlocks.

Does WindyBlocks come with a license?
Yes, see our licenses page. Basically don’t use WindyBlocks for creating competing products like: page builders or selling themes and component packs.

If have another question, how do I contact you?
Please send us an email at [email protected]

Preview, Copy And Paste

Changelog

See the changes we make on WindyBlocks, the prototyping kit for Tailwind CSS.

Version 1.1 - 5 May

Bug fix

  • Elements: 010, 024
  • Features: 006, 013, 018, 019
  • Footers: 006, 007, 010, 013
  • Form: 001, 002, 003, 004, 005, 006, 007, 008, 009, 010
  • Grids: 003
  • Modals: 009, 010
  • Pricing: 004, 006, 007, 012
  • Stats: 004
  • Teams: 006, 012

Version 1.0 - 30 March

New components

  • Modals component: 006, 007, 008, 009, 010
  • Stats component: 009, 010
  • E-commerce component: 004, 005, 006, 007, 008, 009, 010
  • Page examples: 008, 009, 010
  • Pricing component: 012, 013, 014, 015

Version 0.7 - 24 March

New components

  • E-commerce component: 001, 002, 003
  • Navigation component: 019, 020
  • Elements component: 001, 002, 003, 004, 005, 006, 007, 008, 009, 010, 011, 012, 013, 014, 015, 016, 017, 018, 019, 020, 021, 022, 023, 024, 025, 026, 027, 028, 029, 030
  • Form component: 009, 010
  • Modals component: 001, 002, 003, 004, 005
  • Stats component: 004, 005, 006, 007, 008

Version 0.6 - 19 March

New components

  • Testimonial component: 014, 015
  • Navigation component: 017, 018
  • CTA component: 016, 017, 018, 019, 020
  • Pricing component: 011
  • Footer component: 012
  • Form component: 001, 002, 003, 004, 005, 006, 007, 008
  • Feature component: 019, 020
  • Footer component: 012, 014, 015
  • Team component: 012, 013, 014, 015

Version 0.5 - 10 March

New components

  • Content component: 014, 015, 016, 017, 018, 019, 020
  • CTA component: 013, 014, 015
  • Navigation component: 011, 012, 013, 014, 015, 016
  • Hero component: 013, 014, 015
  • Feature component: 016, 017, 018
  • Testimonial component: 012, 013
  • Team component: 011
  • Page examples: 006, 007

Version 0.4 - 2 March

New components

  • Stats component: 003
  • Hero component: 006, 007, 008, 009, 010, 011, 012
  • Content component: 004, 005, 006, 007, 008, 009, 010, 011, 012, 013
  • Testimonial component: 011
  • Footer component: 011
  • Feature component: 011, 012, 013, 014, 015
  • CTA component: 011, 012

Bug fix

  • Grid Layouts: 001, 002, 003, 004, 005, 007, 008, 009, 010

Version 0.3 - 26 February

New components

  • Feature component: 009, 010
  • CTA component: 004, 005, 006, 007, 008, 009, 010
  • Pricing component: 005, 006, 007, 008, 009, 010
  • Navigation component: 005, 006, 007, 008, 009, 010
  • Grid Layouts: 001, 002, 003, 004, 005, 006, 007, 008, 009, 010
  • Hero component: 001, 002, 003, 004, 005
  • Page examples: 001, 002, 003, 004, 005
  • Content component: 001, 002, 003
  • Stats component: 001, 002

Version 0.2 - 17 February

New components

  • Pricing component: 004
  • Team component: 009, 010
  • CTA component: 001, 002, 003
  • Testimonial component: 001, 002, 003, 004, 005, 006, 007, 008, 009, 010
  • Navigation component: 001, 002, 003, 004
  • Feature component: 006, 007, 008

Version 0.1 - 13 February

New components

  • Feature component: 001, 002, 003, 004, 005
  • Footer component: 001, 002, 003, 004, 005, 006, 007, 008, 009, 010
  • Team component: 001, 002, 003, 004, 005, 006, 007, 008
  • Pricing component: 001, 002, 003