Wicked Blocks - Ready to copy-paste Tailwind CSS components and layout blocks

A free collection of over 160 copy-paste Tailwind CSS blocks and components spanning heroes, pricing, testimonials, and more — ideal for quickly scaffolding responsive layouts.

Wicked Blocks screenshot
duplicate-tasks-2 Copy-paste workflow

Grab any block's HTML and drop it straight into your Tailwind project.

lock-open Completely free

Every component in the library is available at no cost with no paywall.

laptop-mobile Fully responsive

All blocks are built to look great on mobile, tablet, and desktop screens.

layers-3 160+ components

Choose from heroes, pricing tables, testimonials, footers, cards, and more.

section Two style collections

Pick between the Original and Minima collections to match your design tone.

wand-sparkle Unopinionated design

Blocks ship with minimal styling so you can customize them without fighting defaults.

circle-info-sparkle Overview

Hundreds of free copy-paste Tailwind blocks for rapid prototyping

Wicked Blocks offers a substantial library of free, copy-paste Tailwind CSS components and layout blocks designed to accelerate front-end development. With over 160 blocks organized across two distinct style collections — Original and Minima — this resource gives developers a quick way to scaffold responsive page layouts without starting from scratch. The blocks are intentionally unopinionated, shipping with minimal styling and placeholder content so they can be adapted to any project's visual direction. This collection has been available since 2021 and continues to serve as a practical starting point for web projects of all kinds.

What's included

  • 39 hero section variants covering a wide range of layouts and content arrangements
  • 35 feature block designs for showcasing product capabilities or service highlights
  • 16 pricing table components with different tier structures
  • 14 testimonial blocks for social proof and customer quotes
  • 9 card components for content previews, profiles, and summaries
  • 8 login and authentication form layouts
  • Footer, navbar, CTA, FAQ, blog, team, gallery, sidebar, and stats blocks

Ideal for

  • Rapidly prototyping SaaS landing pages and marketing sites
  • Building startup homepages that need common page sections fast
  • Developers who prefer copying clean HTML over installing component libraries
  • Agency teams assembling client mockups or proof-of-concept layouts
  • Personal portfolio or freelancer sites that need polished section scaffolding

Components included

  • Heroes: 39 blocks across both collections, from centered text layouts to split-image arrangements
  • Pricing: 16 blocks including single-tier, multi-tier, and comparison table formats
  • Testimonials: 14 blocks ranging from single-quote cards to multi-column grids
  • Cards: 9 general-purpose card designs for blog posts, profiles, and product previews
  • Forms: 8 login screens plus signup layouts with varied field configurations
  • Navigation & structure: Navbar, sidebar, header, and footer blocks for complete page framing

Good to know

The blocks are designed as bare structural starting points rather than polished, themed components. Expect placeholder text and minimal decoration — the idea is to give you a clean foundation you can style to match your own brand. All blocks are free to use with no account required for browsing, though signup is available on the site.

Stack
Tailwind CSS
Tailwind CSS v3
HTML
HTML
Highlights
circle-check-3 39 hero sections
circle-check-3 16 pricing blocks
circle-check-3 14 testimonial blocks
circle-check-3 35 feature sections
circle-check-3 9 card components
circle-check-3 8 login forms
Additional info
License
Free
Components
161
Collections
Original, Minima
x logo-facebook logo-linkedin
Lofi UI

Lofi UI

Free

Low fidelity UI components built with Tailwind CSS

Kometa UI Kit

Free

Free responsive UI kit for startups

Oxbow UI

star 213

Open source Tailwind CSS and Alpine.js UI blocks