Loading Tailwind components…

Trending this month

27 components · ranked by views + likes × 5 · page 1 of 2

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.

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.

Animated Terminal Demo

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

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.

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#dashboard#react+3

Featured

Pulse Stats — Animated React Dashboard

Interactive React stats panel on an aurora gradient. Click to randomise the three live counters — each animates a pulse ring driven by custom CSS keyframes, with hover glow on the card edges.

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.

Day / Night Theme Toggle

Animated theme switch with morphing sun → moon icon and a full-page palette transition. Click anywhere on the switch to toggle the demo card's vibe.

Aurora Glass Pricing Card

Glassmorphic pricing card sitting on an animated aurora gradient. Tailwind for layout and typography; custom CSS keyframes drive the shifting mesh + floating orbs.

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

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.

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.

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

Also trending in our Bootstrap 5 snippet library.

View all trending

#music player#waveform+3

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Immerse in a modern audio experience with our neumorphic music player, featuring a dynamic waveform scrubber and interactive queue visuals.

15View snippet

#neumorphism#event-scheduler+3

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Craft seamless schedules with an elegant neumorphic interface where you can drag and select time ranges effortlessly in a futuristic calendar view.

15View snippet

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

25View 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.

11View snippet

#api manager#claymorphism+3

Deep Space API Key Manager with Dynamic Glow Effects

Manage your API keys seamlessly with this visually stunning UI. Enjoy claymorphic design and animated orbs that enhance the user experience.

8View 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

9View snippet

Trending this month

Neon Music Player Widget

Animated Pricing Toggle

Step Wizard Onboarding

Cosmic 404 — Lost in Space

Drag-and-Drop File Upload

SaaS Hero with App Preview

Animated Terminal Demo

Command Palette (⌘K)

Holographic Stat Cards

Pulse Stats — Animated React Dashboard

Radial Floating Action Menu

Day / Night Theme Toggle

Aurora Glass Pricing Card

Glassmorphism Revenue Card

Nebula Hero for AI Studio

Marquee Logo Cloud

Confetti Success Modal

Aurora Newsletter CTA

Trending Bootstrap snippets

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

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

Deep Space API Key Manager with Dynamic Glow Effects

Luxury Partner Profile Card UI