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
Ultra Realistic Neumorphic Analog Clock JS

Ultra Realistic Neumorphic Analog Clock JS

CSS · JS 127
Interactive Elastic Magnetic String JS

Interactive Elastic Magnetic String JS

CSS · JS 243
Cinematic Video Text Mask CSS

Cinematic Video Text Mask CSS

CSS 226
Dynamic Liquid Bubble Cursor JS

Dynamic Liquid Bubble Cursor JS

CSS · JS 187
Advanced Neumorphic Audio Player JS

Advanced Neumorphic Audio Player JS

CSS · JS 146
SVG Glowing Scroll Timeline JS

SVG Glowing Scroll Timeline JS

CSS · JS 169 1
Interactive Galaxy Spiral Animation JS

Interactive Galaxy Spiral Animation JS

CSS · JS 284 1
Interactive Futuristic HUD Ring JS

Interactive Futuristic HUD Ring JS

CSS · JS 188
Holographic Foil Card Effect JS

Holographic Foil Card Effect JS

CSS · JS 448
Advanced Media Editor Timeline JS

Advanced Media Editor Timeline JS

CSS · JS 96
Interactive Physics Node Graph JS

Interactive Physics Node Graph JS

CSS · JS 163
Glassmorphism Audio Widget JS

Glassmorphism Audio Widget JS

CSS · JS 115
Swipeable Image Card Stack JS

Swipeable Image Card Stack JS

CSS · JS 225
Notion Style Sidebar Navigation JS

Notion Style Sidebar Navigation JS

CSS · JS 159
Liquid Morphing Gradient Background CSS

Liquid Morphing Gradient Background CSS

CSS 253
Animated Subscribe Button Success JS

Animated Subscribe Button Success JS

CSS · JS 96
AI Thinking Text Animation CSS

AI Thinking Text Animation CSS

CSS 912
macOS Style Floating Dock JS

macOS Style Floating Dock JS

CSS · JS 315
Interactive Product Color Switcher JS

Interactive Product Color Switcher JS

CSS · JS 180
Modern Bento Box Portfolio CSS

Modern Bento Box Portfolio CSS

CSS 232
AI Voice Wave Visualizer JS

AI Voice Wave Visualizer JS

CSS · JS 113
Sticky Text Scroll Reveal Effect JS

Sticky Text Scroll Reveal Effect JS

CSS · JS 173
Modern Grid Spotlight Effect JS

Modern Grid Spotlight Effect JS

CSS · JS 163
Cyberpunk Neon Glitch Button CSS

Cyberpunk Neon Glitch Button CSS

CSS 189
Neumorphic Smart Home Dashboard CSS

Neumorphic Smart Home Dashboard CSS

CSS 209
Interactive Terminal UI Component JS

Interactive Terminal UI Component JS

CSS · JS 169
Horizontal Scroll Gallery Section JS

Horizontal Scroll Gallery Section JS

CSS · JS 142
Animated Dashboard Gauge Chart JS

Animated Dashboard Gauge Chart JS

CSS · JS 158
Liquid Background Profile Card CSS

Liquid Background Profile Card CSS

CSS 167
Modern Kanban Board UI JS

Modern Kanban Board UI JS

CSS · JS 110