Using tags to discover UI patterns
Click any tag to open a curated hub with related snippets, FAQ content, and links to the Tailwind tag equivalent when available. Combine tags with categories for faster discovery.
Loading…
294 tags · 115 indexed hubs
Browse by Tag
Tags cover Bootstrap, Tailwind, React, CSS, and JavaScript patterns. Larger tags have more snippets; hubs with three or more examples are indexed for search.
#animation176#buttons70#card69#css45#responsive45#forms41#user-interface40#background32#hover32#loader29#login28#icons25#bootstrap-523#images22#social22#modal19#popup18#navbar17#slider17#ecommerce16#pricing-tables16#template16#navigation15#neomorphism15#signup14#menu13#product13#carousel12#grid12#toggle12#accordion11#layouts11#profile11#spinner11#dropdown10#gallery10#notification10#switch10#bootstrap-49#gradients9#aboutus8#calendar8#comments8#fonts8#interactive8#pagination8#radio8#registration8#claymorphism7#jquery7#parallax7#typography7#breadcrumb6#contact6#form-wizard6#listings6#message-alerts6#payment6#progress-bar6#rating6#timeline6#tooltips6#admin5#admin-interface5#checkbox5#comment-forms5#dashboard5#file-upload5#lists5#material-design5#our-team5#ripple-effect5#search5#testimonials5#theme5#aurora mint4#blog4#booking-form4#checkout4#command palette4#counter4#drag-and-drop4#header4#input4#mcqs4#media4#messages4#newsletter4#quiz4#select4#services4#sidebar4#sidebar-menu4#synthwave4#user4#ajax3#alert3#bootstrap3#categories3#chat3#collaboration3#dialog3#discount3#footer3#magnetic hover3#micro-interaction3#neumorphism3#power-user3#real-time3#reviews3#scroll3#table3#tabs3#todo-list3#transactions3#ai chat2#animated2#auto-dismiss2#bento-layout2#cards2#collapse2#containers2#cyberpunk2#data visualization2#datepicker2#deep space2#developer tools2#drag-select2#dynamic glow2#editorial design2#email2#error2#event-scheduler2#feedback-form2#glow orbs2#interactive ui2#interactive-ui2#keyboard navigation2#landing-page2#live-typing2#mega-menu2#neon2#neon glow2#notifications2#ocean depth2#ocean-theme2#onboarding2#panel2#presence-dots2#pricing2#retro interface2#ripple effect2#shop2#social-feed2#spring easing2#status2#3d-ui1#ai interface1#alerts1#animated elements1#animated graphs1#animated highlights1#animated icons1#animated kpi1#animated orbs1#animated-orbs1#animations1#api management1#api manager1#append1#audio interface1#auth1#authentication1#badge1#badges1#bar1#billing1#bootstrap-31#bootstrap51#caption1#chart1#code interface1#code viewer1#comparison1#control panel1#controls1#coupons1#cta1#cta button1#cta-button1#dark theme1#dashboard design1#dashboard ui1#datatable1#deep-space-theme1#developer console1#developer-centric1#dismissible1#divider1#dynamic diff1#dynamic progress1#dynamic-glow1#dynamic-progress1#dynamic-ui1#e-commerce1#editorial style1#engagement1#faq1#file upload1#filter1#filter rail1#floating animation1#floating elements1#floating labels1#forest theme1#form1#glow-orbs1#glowing accents1#gradient1#gradient blobs1#gradient effects1#gradient mesh1#inline validation1#interactive form1#interactive prompt1#interactive toggles1#invoice1#jumbotron1#kanban1#key manager1#kinetic motion1#kinetic-motion1#label1#layout1#loading1#log viewer1#luxury-ui1#masonry1#minimalist1#minimalist-design1#mobile1#music player1#neon design1#neon gradient1#neon-glow1#news-feed1#orbit animations1#orbit-animation1#order-tracking1#our-client1#overlay1#partner-card1#pill1#pills1#portfolio-card1#power user interface1#presence1#preview1#pricing table1#profile-card1#progress1#queue management1#quick actions1#responsive-card1#retro1#role badge1#saas1#search page1#segmented control1#selectors1#settings1#share sheet1#share-sheet1#social feed1#sunset orchid1#synthwave style1#team profile1#team-card1#thumbnails1#timepicker1#toast1#toast notifications1#toolbar1#transform1#trust badges1#trust-badges1#trust-signals1#ui1#ux1#variants1#vertical-slider1#vibrant1#waveform1#wayfinding1
Trending now
Trending Bootstrap snippets
Top classic snippets and Tailwind components developers are viewing 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
Top classic snippets and Tailwind components developers are viewing 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.
Tags group snippets by topic — from layout patterns like navbar and dashboard to technologies like Bootstrap, Tailwind, React, and CSS. Tags with three or more snippets are indexed for search; popular tags appear larger in the cloud below.
Bootstrap vs Tailwind tags
Bootstrap snippet tags live on this page. Tailwind component tags have a dedicated index with the same cloud pattern and links to /tailwind/tag/{name} hubs.
Frequently asked questions
We only index tag hubs with at least three snippets to avoid thin pages.