373 snippets · every one runs live in the editor

Free HTML Code Snippets

Copy-paste components for real projects. Browse by collection, sort by views, and open any snippet in the editor to make it yours.

Try glassmorphism navbar checkout confetti dark mode

All snippets373

Animation 93 Form 48 Layout 34 Navigation 29 Input 28 Interactive 26 Glassmorphism 24 Modern UI 22 Grid 21 SVG 19 3D 18 Responsive 18
More tags
Card 18 Dashboard 18 Hover 16 Button 16 Gradient 15 Gallery 15 Mobile 14 Ecommerce 13 Interaction 13 Modern design 12 Menu 12 Toggle 12 Typography 11 AI 11 Landing page 11 Canvas 11 Portfolio 10 Slider 10 Dropdown 10 Overlay 10 Image 10 Modal 10 Hover effect 9 Hero 9 Scroll 9 Loading 9 Widget 9 Table 9 Accessibility 9 Background 8 Text effect 8 Pure css 8 List 8 Drag and drop 8 Pricing 8 Feedback 8 Sticky 8 Search 8 Progress 7 Flexbox 7 Sidebar 7 Popup 7 SaaS 7 Reveal 6 UI component 6 Dark mode 6 Accordion 6 Cards 6 Validation 6 Tooltip 6 Loader 6 Profile 6 Neumorphism 6 Progress bar 6 Timeline 6 Tool 6 Perspective 5 Glowing 5 CSS3 5 Micro-interaction 5 Social 5 Liquid 5 Security 5 Glow 5 UI element 5 Carousel 5 Product 5 Chart 5 Payment 5 Cyberpunk 5 Select 5 Data visualization 5 Notification 5 Tabs 5 Map 5 Calculator 5 Math 5 Filter 5
Interactive Bookmark Ribbon Animation JS

Interactive Bookmark Ribbon Animation JS

CSS · JS 182
Liquid Droplet Loader Animation CSS

Liquid Droplet Loader Animation CSS

CSS 252 1
AI Object Recognition Scanning Box JS

AI Object Recognition Scanning Box JS

CSS · JS 194 1
Floating Text Selection Toolbar JS

Floating Text Selection Toolbar JS

CSS · JS 238 1
Interactive Radar Scanner Animation JS

Interactive Radar Scanner Animation JS

CSS · JS 427
Spatial UI Hover Depth Card JS

Spatial UI Hover Depth Card JS

CSS · JS 339
CSS Animated Mesh Gradient Background

CSS Animated Mesh Gradient Background

CSS 442
Smooth Sticky Section Reveal CSS

Smooth Sticky Section Reveal CSS

CSS 225
Interactive Magnetic Cursor Link JS

Interactive Magnetic Cursor Link JS

CSS · JS 250
Cyberpunk Glowing Data Table CSS

Cyberpunk Glowing Data Table CSS

CSS 296
Spatial UI Glassmorphism Widgets CSS

Spatial UI Glassmorphism Widgets CSS

CSS 287 2
Dynamic Animated Pricing Switcher JS

Dynamic Animated Pricing Switcher JS

CSS · JS 211
AI Voice Assistant Breathing Ring CSS

AI Voice Assistant Breathing Ring CSS

CSS 492 1
macOS Style Command Palette Modal JS

macOS Style Command Palette Modal JS

CSS · JS 264
Modern SaaS Feature Checklist CSS

Modern SaaS Feature Checklist CSS

CSS 174
Premium 3D Hardcover Portfolio CSS

Premium 3D Hardcover Portfolio CSS

CSS 326 1
Smooth Page Transition Overlay JS

Smooth Page Transition Overlay JS

CSS · JS 319
Animated Success Checkmark SVG CSS

Animated Success Checkmark SVG CSS

CSS 774 2
Interactive Star Rating Feedback JS

Interactive Star Rating Feedback JS

CSS · JS 144
AI Chat Bubble Messages CSS

AI Chat Bubble Messages CSS

CSS 307 1
Modern App Store Badge Buttons CSS

Modern App Store Badge Buttons CSS

CSS 173
Animated Social Proof Popup JS

Animated Social Proof Popup JS

CSS · JS 156
Apple Style Glassmorphism Navbar CSS

Apple Style Glassmorphism Navbar CSS

CSS 588
Interactive Orbital Skill Tree JS

Interactive Orbital Skill Tree JS

CSS · JS 198
Interactive Orb Constellation JS

Interactive Orb Constellation JS

CSS · JS 305
Glassmorphism Document Scanner UI CSS

Glassmorphism Document Scanner UI CSS

CSS 214 1
AI Voice Command Ripple Canvas JS

AI Voice Command Ripple Canvas JS

CSS · JS 148
Cyberpunk Data Stream Matrix JS

Cyberpunk Data Stream Matrix JS

CSS · JS 224
Immersive 3D Product Viewer JS

Immersive 3D Product Viewer JS

CSS · JS 180
Modern AI Image Generation Gallery JS

Modern AI Image Generation Gallery JS

CSS · JS 214