Loading…
All Tailwind components
27 components · sorted by most viewed · page 2 of 2
Allanimation15react12hero5interactive5glassmorphism4dashboard3form3card2holographic2html2landing2marketing2modal2pricing2stats2toggle23d14041audio1auth1bento1bento-grid1blur1cards1carousel1celebration1code1command-palette1confetti1cosmic1cta1customers1cyberpunk1dark1dashboard-card1developer1dropzone1empty-state1error1fab1features1files1floating-action1grid1infinite-scroll1keyboard1logos1marquee1menu1mockup1multi-step1music1navigation1neon1newsletter1notification1onboarding1perspective1player1profile1progress1saas1saas-ui1search1showcase1sidebar1signup1skills1slider1social-proof1sparkline1subscribe1success1switch1tailwind-component1tailwind-dashboard1terminal1testimonial1theme1tilt1toast1typewriter1upload1widget1wizard1
C
TailwindReact#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.
GoSnippets AI
40
3
Tailwind#cards#tilt+3
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.
GoSnippets AI
40
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.
R D
30
A
TailwindReact#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.
GoSnippets AI
30
C
TailwindReact#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.
GoSnippets AI
20
S
TailwindReact#testimonial#carousel+3
Smooth Testimonial Carousel
Auto-rotating testimonial slider with a soft cross-fade, gradient avatar rings and indicator dots. Pause on hover, manual nav via arrows or dots.
GoSnippets AI
20
L
TailwindReact#notification#toast+3
Live Notifications Stack
Click the action button — notifications slide in from the top-right, stack with subtle scale, then dismiss themselves. Five tones, randomised on each click.
GoSnippets AI
20
H
Tailwind#bento#features+3
Holographic Feature Bento
Modern asymmetric bento grid with iridescent shimmer that sweeps across each card on hover. Six tiles, four sizes, all responsive.
GoSnippets AI
10
C
Tailwind#hero#cyberpunk+3
Cyber Glitch Hero Section
Cyberpunk-flavoured hero with animated grid, scanline pass, rotating geometry, glitched gradient headline and a glowing neon primary CTA.
GoSnippets AI
10