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.
ExploreSponsored
Hero 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.
ExploreSponsored
Modal & 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.
ExploreSponsored
Toast & 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.
14View 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.
13View 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.
9View 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.
7View 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
7View 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
250
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
71
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
71
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
71
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
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
31
Ranked by views and likes from the last 30 days.