How often are new components added?

Loading Tailwind components…

New Tailwind components

27 components · sorted by publish date · page 1 of 2

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.

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.

Marquee Logo Cloud

Infinite horizontal marquee of partner / customer logos with a soft fade-mask on both edges. Pause on hover, dual-row counter-scrolling rails.

GoSnippets AI

30

Fresh Tailwind CSS components sorted by publish date — ideal when you want modern utility-first UI without digging through the full gallery.

Why browse new components

New submissions often reflect current layout trends: accessible forms, dark-mode-ready cards, and responsive navigation patterns you can paste into production codebases.

Related topics#card #navbar #form #dashboard

Also exploreFull gallery Trending

Frequently asked questions

Community members submit regularly; this list updates as publishes are approved.

C

Tailwind

React#modal#confetti+3

Confetti Success Modal

Click the trigger — a success modal animates in with a pure-CSS confetti burst. Modal eases up, confetti pieces fall from above the viewport.

Animated Terminal Demo

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

Radial Floating Action Menu

Floating action button that fans out four sub-actions in a radial arc on click. Tap rotates the plus icon to a close icon; each action chip eases in.

3D Tilt Showcase Cards

Three product-card teasers with a CSS-only perspective-tilt on hover. Inner contents slide forward with parallax, glow rims activate, all in 320ms.

React#progress#skills+3

Animated Skill Progress Bars

Profile skill panel where each progress bar fills from 0 to its value with an eased animation. Each bar's gradient is tinted to match the skill level.

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.

React#command-palette#search+3

Command Palette (⌘K)

Spotlight-style command palette with live keystroke filtering, keyboard hint chips and grouped results. Backdrop blurs the page below for focus.

React#sidebar#navigation+3

Collapsible Sidebar Navigation

Dashboard-style sidebar that smoothly collapses from a 240px expanded state to a 64px icon rail. Active item glow, hover highlight, group separators.

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.

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.

Aurora Newsletter CTA

Bold newsletter section with an aurora gradient background, floating particle field and an inline email form that lifts on focus.

GoSnippets AI

20

Trending now

See what's hot in Bootstrap snippets and the wider Tailwind gallery.

View all trending

#ai chat#cyberpunk+5

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Revolutionize your AI interactions with this stunning, neon-infused chat interface. With dynamic status indicators and orbital animations, it captivates and informs.

29View snippet

#kanban#interactive+3

Midnight Violet Drag-n-Drop Kanban Board with Frosted Neon Cards

Effortlessly manage tasks with our frosted glass-like Kanban board—enhanced by neon glow animations and a drag-to-reorder interface for seamless workflow.

15View snippet

#profile-card#partner-card+4

Luxury Partner Profile Card UI

An elegant luxury-inspired partner profile card component with editorial typography, premium gradients, ornamental dividers, achievement stats, and sophisticated action buttons. Perfect for agency por

11View snippet