Loading…
UI collections
Topic hubs that group Bootstrap snippets and Tailwind components by use case — built for SEO and faster discovery.
Login Form UI — Bootstrap & Tailwind
Production-ready login and sign-in UI for SaaS apps, dashboards, and marketing sites. Compare Bootstrap 5 and Tailwind CSS patterns with live preview and MIT-licensed source.
ExploreNavbar & Header Components
Responsive navigation bars for marketing sites and web apps — sticky headers, mega menus, mobile drawers, and dark-mode nav patterns.
ExploreDashboard UI Components
Admin dashboards, analytics layouts, sidebars, stat cards, and data-dense interfaces for SaaS products.
ExploreGlassmorphism UI Components
Frosted-glass cards, blurred overlays, and modern hero sections using backdrop-filter and subtle borders.
ExploreDark Mode UI Components
Dark-themed cards, navbars, forms, and heroes with accessible contrast ratios.
ExplorePricing Table & Plan Comparison UI
SaaS pricing grids, tier cards, feature comparison tables, and billing toggles.
ExploreHero Section & Landing Headers
Above-the-fold heroes with headlines, CTAs, gradients, and device mockups for landing pages.
ExploreAdmin Panel Layouts
Sidebar + content layouts, settings pages, and management UIs for internal tools.
ExploreFooter Components
Site footers with links, newsletters, and multi-column layouts for marketing and docs sites.
ExploreModal & Dialog UI
Accessible modals, drawers, and confirmation dialogs for forms and dashboards.
ExploreTabs & Tab Panels
Tabbed interfaces for settings, product pages, and dashboard sections.
ExploreAccordion & FAQ UI
Collapsible sections for FAQs, docs, and mobile-friendly content.
ExploreToast & Notification UI
Non-blocking alerts and toast stacks for success, error, and info states.
ExploreSidebar Layouts
Collapsible side navigation for admin panels and documentation sites.
ExploreStats & KPI Cards
Metric cards and stat grids for analytics dashboards and SaaS home screens.
ExploreContact Form UI
Contact and support forms with validation-friendly markup.
ExploreNewsletter Signup UI
Email capture sections for blogs, landing pages, and footers.
Explore404 & Error Pages
Friendly not-found and error states with clear recovery CTAs.
ExploreTrending now
Trending Bootstrap snippets
Topic hubs plus the snippets developers are viewing most right now.
#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.
6View 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.
3View 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.
3View snippet
#api management#key manager+3
★ Featured
Midnight Neon API Key Manager UI with Dynamic Highlights
Manage your API keys with style. Rich gradients and interactive transitions make this interface both functional and aesthetically mesmerizing.
2View 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
5View snippet
#team profile#role badge+3
Ocean Depth Team Profile Card with Role Badge and Actions
Enhance your team displays with a fluid, captivating profile card featuring animated glow orbs and interactive quick actions.
4View snippet
Trending now
Trending Tailwind components
Topic hubs plus the snippets developers are viewing most right now.
N
Tailwind#music#player+3
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.
Maya
190
S
TailwindReact#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.
GoSnippets AI
41
S
Tailwind#saas#hero+3
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.
GoSnippets AI
41
C
Tailwind#404#error+3
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.
GoSnippets AI
31
A
Tailwind#terminal#code+3
Animated Terminal Demo
macOS-style terminal mockup with auto-playing typewriter lines, syntax-coloured tokens, and a blinking caret. Pure CSS animation timing.
GoSnippets AI
11
H
Tailwind#dashboard#stats+3
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.
GoSnippets AI
11
Ranked by views and likes from the last 30 days.