About OpenTailwind

The largest free Tailwind CSS UI library on the web.

What is OpenTailwind?

OpenTailwind is a free, open-source collection of 1,761 production-ready Tailwind CSS UI blocks and 1,920 complete landing page templates. Every block is responsive, supports light and dark mode, includes scroll animations, and is ready to copy into your project.

Three Design Collections

OpenTailwind includes Pro, Fresh, and Classic collections, so every category is available in multiple visual styles instead of just a single set of blocks.

17 Block Categories

Hero sections, features, pricing tables, testimonials, FAQs, stats, team grids, CTAs, headers, footers, galleries, integrations, and more. Each category has 20-60 unique variations.

19 Industry Templates

Complete landing pages for Technology & SaaS, Agency & Consulting, Healthcare, Real Estate, Food & Hospitality, Fitness, E-commerce, Education, Travel, and 10 more industries. Each template is assembled from our block library with curated images and content.

Built-in Customizer

Preview any block or template with different accent colors, heading and body fonts, design styles (Modern, Sharp, Soft, Minimal, Luxury), monochrome mode, and grayscale images — all in real-time before you copy the code.

How to Use

  1. Browse blocks at /components or templates at /landings
  2. Pick a category and browse the blocks
  3. Preview and customize colors, fonts, and styles
  4. Copy the HTML code or download the file
  5. Paste into your project — done

Built by lindo.ai

OpenTailwind is part of the lindo.ai ecosystem — an AI-powered website builder. You can open any template directly in lindo.ai to remix it visually, add your own content, and publish a live website.

Open Source

The entire project is open source on GitHub. Star the repo, report issues, or contribute new blocks. Free forever, funded by lindo.ai.