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
Auto-Growing Textarea with field-sizing CSS

Auto-Growing Textarea with field-sizing CSS

CSS 41
Animated Highlighter Text Effect CSS

Animated Highlighter Text Effect CSS

CSS 80
Animated Exclusive Accordion with Details Name CSS

Animated Exclusive Accordion with Details Name CSS

CSS 36
Animated Bar Chart CSS

Animated Bar Chart CSS

CSS 71
Modern Skeleton Wireframe Reveal CSS

Modern Skeleton Wireframe Reveal CSS

CSS 962 3
Staggered Wave Text Hover Reveal CSS

Staggered Wave Text Hover Reveal CSS

CSS 721 3
Interactive Drag to Cart Animation JS

Interactive Drag to Cart Animation JS

CSS · JS 457
Interactive 3D Paper Fold UI JS

Interactive 3D Paper Fold UI JS

CSS · JS 439 1
Geometric 3D Cube Loader CSS

Geometric 3D Cube Loader CSS

CSS 551 4
Swipe To Confirm Action Button JS

Swipe To Confirm Action Button JS

CSS · JS 382
Blend Mode Invert Custom Cursor JS

Blend Mode Invert Custom Cursor JS

CSS · JS 358
Direction Aware Hover Overlay JS

Direction Aware Hover Overlay JS

CSS · JS 217 2
Glassmorphism Hex Color Picker JS

Glassmorphism Hex Color Picker JS

CSS · JS 342
Animated Battery Charging Widget CSS

Animated Battery Charging Widget CSS

CSS 501 1
Cyberpunk Image Glitch Hover CSS

Cyberpunk Image Glitch Hover CSS

CSS 206
Interactive Bookmark Ribbon Animation JS

Interactive Bookmark Ribbon Animation JS

CSS · JS 228
Liquid Droplet Loader Animation CSS

Liquid Droplet Loader Animation CSS

CSS 277 1
AI Object Recognition Scanning Box JS

AI Object Recognition Scanning Box JS

CSS · JS 225 1
Floating Text Selection Toolbar JS

Floating Text Selection Toolbar JS

CSS · JS 261 1
Interactive Radar Scanner Animation JS

Interactive Radar Scanner Animation JS

CSS · JS 473
Spatial UI Hover Depth Card JS

Spatial UI Hover Depth Card JS

CSS · JS 368
CSS Animated Mesh Gradient Background

CSS Animated Mesh Gradient Background

CSS 516
Smooth Sticky Section Reveal CSS

Smooth Sticky Section Reveal CSS

CSS 262
Interactive Magnetic Cursor Link JS

Interactive Magnetic Cursor Link JS

CSS · JS 272
Cyberpunk Glowing Data Table CSS

Cyberpunk Glowing Data Table CSS

CSS 320
Spatial UI Glassmorphism Widgets CSS

Spatial UI Glassmorphism Widgets CSS

CSS 315 2
Dynamic Animated Pricing Switcher JS

Dynamic Animated Pricing Switcher JS

CSS · JS 231
AI Voice Assistant Breathing Ring CSS

AI Voice Assistant Breathing Ring CSS

CSS 580 1
macOS Style Command Palette Modal JS

macOS Style Command Palette Modal JS

CSS · JS 283
Modern SaaS Feature Checklist CSS

Modern SaaS Feature Checklist CSS

CSS 195