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
Sticky Stacking Cards Scroll Effect

Sticky Stacking Cards Scroll Effect

CSS 523
CSS Corner Ribbon Label

CSS Corner Ribbon Label

CSS 465
Native Web Share API Button

Native Web Share API Button

CSS · JS 574
Responsive Aspect Ratio Video Grid

Responsive Aspect Ratio Video Grid

CSS 538
Smooth Entry with @starting-style

Smooth Entry with @starting-style

CSS · JS 499
Colorful Gradient Drop Shadow

Colorful Gradient Drop Shadow

CSS 401
Modern KBD Keyboard Hints

Modern KBD Keyboard Hints

CSS 317
Interactive SVG Cinema Seat Selector JS

Interactive SVG Cinema Seat Selector JS

CSS · JS 417
Cyberpunk Glitch Text Effect

Cyberpunk Glitch Text Effect

CSS 515
CSS Subgrid Card Alignment

CSS Subgrid Card Alignment

CSS 392
CSS Scroll-Driven Reading Progress Bar

CSS Scroll-Driven Reading Progress Bar

CSS 293
Glassmorphism Sidebar Navigation CSS

Glassmorphism Sidebar Navigation CSS

CSS 476
Floating Speed Dial Menu CSS

Floating Speed Dial Menu CSS

CSS 501
Fullscreen Video Background Hero CSS

Fullscreen Video Background Hero CSS

CSS 404
Gradient Text Shine Effect CSS

Gradient Text Shine Effect CSS

CSS 675 1
Searchable Select Dropdown JS

Searchable Select Dropdown JS

CSS · JS 533
Animated Add to Cart Button JS

Animated Add to Cart Button JS

CSS · JS 517
Mobile Swipe-Up Drawer CSS

Mobile Swipe-Up Drawer CSS

CSS 432
Scroll-Driven Fade In Animation CSS

Scroll-Driven Fade In Animation CSS

CSS 414
Modern Bento Grid Layout CSS

Modern Bento Grid Layout CSS

CSS 364
CSS Container Query Product Card

CSS Container Query Product Card

CSS 282
Animated Tab Bar CSS

Animated Tab Bar CSS

CSS · JS 466
Scratch Card Reveal JS

Scratch Card Reveal JS

CSS · JS 338
Vertical Tabs Layout JS

Vertical Tabs Layout JS

CSS · JS 585
Split Landing Page Effect CSS

Split Landing Page Effect CSS

CSS 602
Interactive Image Hotspots CSS

Interactive Image Hotspots CSS

CSS 354
Interactive Pricing Slider JS

Interactive Pricing Slider JS

CSS · JS 273
Transparent Login Form CSS

Transparent Login Form CSS

CSS 389
Vertical Accordion Menu CSS

Vertical Accordion Menu CSS

CSS 374
Glowing Gradient Button CSS

Glowing Gradient Button CSS

CSS 327