Loading…
All Tailwind components
27 components · sorted by recently added · page 2 of 2
Allanimation15react12hero5interactive5glassmorphism4dashboard3form3card2holographic2html2landing2marketing2modal2pricing2stats2toggle23d14041audio1auth1bento1bento-grid1blur1cards1carousel1celebration1code1command-palette1confetti1cosmic1cta1customers1cyberpunk1dark1dashboard-card1developer1dropzone1empty-state1error1fab1features1files1floating-action1grid1infinite-scroll1keyboard1logos1marquee1menu1mockup1multi-step1music1navigation1neon1newsletter1notification1onboarding1perspective1player1profile1progress1saas1saas-ui1search1showcase1sidebar1signup1skills1slider1social-proof1sparkline1subscribe1success1switch1tailwind-component1tailwind-dashboard1terminal1testimonial1theme1tilt1toast1typewriter1upload1widget1wizard1
D
TailwindReact#toggle#theme+3
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.
GoSnippets AI
110
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
60
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
60
A
TailwindReact#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
351
L
Tailwind#form#signup+3
Liquid Glass Sign-Up Form
Glassmorphic sign-up form on a slowly morphing liquid blob background. Animated focus rings on inputs and a candy-gradient primary action.
GoSnippets AI
110
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
100
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
70
P
TailwindReact#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.
GoSnippets AI
210
A
Tailwind#pricing#card+3
Featured
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.
GoSnippets AI
200