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
Animated OTP Input Sequence JS

Animated OTP Input Sequence JS

CSS · JS 277 1
Nostalgic Retro 90s Window UI CSS

Nostalgic Retro 90s Window UI CSS

CSS 254
Dynamic Password Validation Tooltip JS

Dynamic Password Validation Tooltip JS

CSS · JS 190
Advanced SaaS Feature Matrix CSS

Advanced SaaS Feature Matrix CSS

CSS 151
Sliding Glassmorphism Dropdown Menu JS

Sliding Glassmorphism Dropdown Menu JS

CSS · JS 225 1
Interactive Canvas Confetti Explosion JS

Interactive Canvas Confetti Explosion JS

CSS · JS 225
Cinematic Scroll Blur Reveal JS

Cinematic Scroll Blur Reveal JS

CSS · JS 280
Custom Magnetic Range Slider JS

Custom Magnetic Range Slider JS

CSS · JS 153
Dynamic Server Health Heatmap JS

Dynamic Server Health Heatmap JS

CSS · JS 179
Tactile Mechanical Keyboard Switch CSS

Tactile Mechanical Keyboard Switch CSS

CSS 125
Interactive 3D Credit Card Tilt JS

Interactive 3D Credit Card Tilt JS

CSS · JS 191
Liquid Gooey Tab Navigation JS

Liquid Gooey Tab Navigation JS

CSS · JS 260
AI Token Streaming Text Reveal JS

AI Token Streaming Text Reveal JS

CSS · JS 124
Digital Crypto Wallet Card Stack JS

Digital Crypto Wallet Card Stack JS

CSS · JS 185
Premium 3D Toggle Switches CSS

Premium 3D Toggle Switches CSS

CSS 149
Glassmorphism Multi-Step Wizard JS

Glassmorphism Multi-Step Wizard JS

CSS · JS 189
Morphing Voice Assistant Orb CSS

Morphing Voice Assistant Orb CSS

CSS 684
Eco Sustainability Carbon Tracker JS

Eco Sustainability Carbon Tracker JS

CSS · JS 85 1
AI Generative Skeleton Loader CSS

AI Generative Skeleton Loader CSS

CSS 185
Spatial Computing Vision Dock JS

Spatial Computing Vision Dock JS

CSS · JS 201 1
Biometric Face ID Scanner UI CSS

Biometric Face ID Scanner UI CSS

CSS 154
Interactive 3D Event Calendar JS

Interactive 3D Event Calendar JS

CSS · JS 219
Modern IDE Code Editor Interface JS

Modern IDE Code Editor Interface JS

CSS · JS 206
Advanced Drag and Drop Flowchart Builder JS

Advanced Drag and Drop Flowchart Builder JS

CSS · JS 175
Advanced Analytics Dashboard UI JS

Advanced Analytics Dashboard UI JS

CSS · JS 249 1
Modern Contact Form with Map JS

Modern Contact Form with Map JS

CSS · JS 205 1
Advanced Data Grid Table UI JS

Advanced Data Grid Table UI JS

CSS · JS 222
Advanced Glassmorphism Weather Dashboard CSS

Advanced Glassmorphism Weather Dashboard CSS

CSS 254
Futuristic Hexagonal Grid Gallery CSS

Futuristic Hexagonal Grid Gallery CSS

CSS 171
3D Rotating Text Cylinder CSS

3D Rotating Text Cylinder CSS

CSS 153