388 snippets · every one runs live in the editor

Free HTML, CSS & JS 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 snippets388

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

Premium 3D Hardcover Portfolio CSS

CSS 380 1
Smooth Page Transition Overlay JS

Smooth Page Transition Overlay JS

CSS · JS 351
Animated Success Checkmark SVG CSS

Animated Success Checkmark SVG CSS

CSS 1,031 2
Interactive Star Rating Feedback JS

Interactive Star Rating Feedback JS

CSS · JS 152
AI Chat Bubble Messages CSS

AI Chat Bubble Messages CSS

CSS 362 1
Modern App Store Badge Buttons CSS

Modern App Store Badge Buttons CSS

CSS 180
Animated Social Proof Popup JS

Animated Social Proof Popup JS

CSS · JS 172
Apple Style Glassmorphism Navbar CSS

Apple Style Glassmorphism Navbar CSS

CSS 731
Interactive Orbital Skill Tree JS

Interactive Orbital Skill Tree JS

CSS · JS 227
Interactive Orb Constellation JS

Interactive Orb Constellation JS

CSS · JS 376
Glassmorphism Document Scanner UI CSS

Glassmorphism Document Scanner UI CSS

CSS 242 1
AI Voice Command Ripple Canvas JS

AI Voice Command Ripple Canvas JS

CSS · JS 169
Cyberpunk Data Stream Matrix JS

Cyberpunk Data Stream Matrix JS

CSS · JS 269
Immersive 3D Product Viewer JS

Immersive 3D Product Viewer JS

CSS · JS 197
Modern AI Image Generation Gallery JS

Modern AI Image Generation Gallery JS

CSS · JS 235
Animated OTP Input Sequence JS

Animated OTP Input Sequence JS

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

Nostalgic Retro 90s Window UI CSS

CSS 289
Dynamic Password Validation Tooltip JS

Dynamic Password Validation Tooltip JS

CSS · JS 222
Advanced SaaS Feature Matrix CSS

Advanced SaaS Feature Matrix CSS

CSS 174
Sliding Glassmorphism Dropdown Menu JS

Sliding Glassmorphism Dropdown Menu JS

CSS · JS 261 1
Interactive Canvas Confetti Explosion JS

Interactive Canvas Confetti Explosion JS

CSS · JS 255
Cinematic Scroll Blur Reveal JS

Cinematic Scroll Blur Reveal JS

CSS · JS 318
Custom Magnetic Range Slider JS

Custom Magnetic Range Slider JS

CSS · JS 166
Dynamic Server Health Heatmap JS

Dynamic Server Health Heatmap JS

CSS · JS 195
Tactile Mechanical Keyboard Switch CSS

Tactile Mechanical Keyboard Switch CSS

CSS 172
Interactive 3D Credit Card Tilt JS

Interactive 3D Credit Card Tilt JS

CSS · JS 223
Liquid Gooey Tab Navigation JS

Liquid Gooey Tab Navigation JS

CSS · JS 286
AI Token Streaming Text Reveal JS

AI Token Streaming Text Reveal JS

CSS · JS 140
Digital Crypto Wallet Card Stack JS

Digital Crypto Wallet Card Stack JS

CSS · JS 203
Premium 3D Toggle Switches CSS

Premium 3D Toggle Switches CSS

CSS 182