Community-built · MIT licensed · Free forever

Tailwind components, copy, fork, ship

A growing gallery of free, hand-crafted Tailwind CSS components — live previews, copy-paste ready, and built by developers like you. Submit yours in seconds.

Browse components Submit a component

23

Components

74

Browse by tag

All tags

#animation14 #react12 #interactive5 #hero4 #dashboard3 form

Trending this month

SaaS Hero with App Preview

Split SaaS hero with bold gradient headline, two CTAs, social-proof logo strip and a tilted browser mockup preview floating to the right. Built for landings.

Cosmic 404 — Lost in Space

Bold 404 page with a giant gradient numeral, floating planets, twinkling starfield and a primary CTA back to safety. Pure CSS animation.

React#onboarding#wizard+3

Step Wizard Onboarding

Three-step onboarding wizard with an animated progress bar, slide-fade panel transitions and contextual hints. Forward / back nav and completion celebration.

Animated Terminal Demo

macOS-style terminal mockup with auto-playing typewriter lines, syntax-coloured tokens, and a blinking caret. Pure CSS animation timing.

Holographic Stat Cards

Three iridescent stat cards with a slowly rotating conic-gradient sheen, sparkline preview and a delta badge. Drop-in for any dashboard hero.

React#pricing#toggle+3

Animated Pricing Toggle

Three-plan pricing layout with a monthly/yearly toggle. Price values cross-fade with a slide animation, popular plan glows, yearly savings banner.

GoSnippets AI

11

Recently added

View all

D

Tailwind

React#upload#dropzone+3

Drag-and-Drop File Upload

Animated drop zone with drag-over glow, queued file thumbnails, per-file progress bars that auto-fill, and a successful-state checkmark. Click "Browse" or drop files anywhere on the zone.

React#onboarding#wizard+3

Step Wizard Onboarding

Three-step onboarding wizard with an animated progress bar, slide-fade panel transitions and contextual hints. Forward / back nav and completion celebration.