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

27

Components

85

Browse by tag

All tags

#animation15 #react12 #hero5 #interactive5 #glassmorphism4

Trending this month

Neon Music Player Widget

Compact music player with album art, animated equaliser bars, scrubber, elapsed/remaining time and play controls. Pure CSS keyframes drive the EQ pulse and the neon ring around the album art.

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.

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.

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#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.

Maya

100

Recently added

View all

G

Tailwind

#tailwind-dashboard#glassmorphism+4

Glassmorphism Bento Grid SaaS Dashboard Card

A premium Tailwind CSS SaaS dashboard card component featuring a modern glassmorphism interface, subtle gradients, bento grid layout, hover micro-interactions, analytics widgets, and responsive accessibility-first design inspired by Vercel, Linear, and Framer.

#glassmorphism#card+2

Glassmorphism Revenue Card

Premium glass component with layered gradients, polished spacing, responsive composition, and production-ready Tailwind styling.

Nebula Hero for AI Studio

Premium hero component with layered gradients, polished spacing, responsive composition, and production-ready Tailwind styling.

Neon Music Player Widget

Compact music player with album art, animated equaliser bars, scrubber, elapsed/remaining time and play controls. Pure CSS keyframes drive the EQ pulse and the neon ring around the album art.

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.

Maya

100