---
title: Tailwind Blocks
date: 2024-09-20T15:41:28.498Z
url: https://www.figma.com/community/plugin/1415410780388237752/tailwind-blocks
thumbnail: /images/uploads/tailwind-blocks-plugin-cover.webp
tagline: Ready-to-use Tailwind CSS blocks — Compatible with Figma to Tailwind AI Plugin
logo: /images/uploads/blocks-logo.webp
category:
  - Figma Plugins
tags:
  - tailwind blocks
  - tailwind
  - tailblocks
---
# Tailwind Blocks

## 70+ Tailwind blocks


[Based on the Tailwind Blocks Figma file ->](https://www.figma.com/community/file/1339315100165472300)


### ✨NEW✨ Dark and LIght Mode

A curated collection of meticulously designed web sections, crafted with auto-layout and seamless conversion to code using Figma to Tailwind CSS AI plugin -> (This plugin includes the block in-app)



**❖ BLOCKS:**

↳ Blog (5)

↳ Contact (3)

↳ Content (8)

↳ CTA (13)

↳ E-commerce (3)

↳ Feature (8)

↳ Footer (5)

↳ Gallery (3)

↳ Header (9)

↳ Hero (6)

↳ Pricing (2)

↳ Statistic (3)

↳ Step (3)

↳ Team (3)

↳ Testimonials (3)

And so many more coming soon....