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
Password Show Hide Toggle JS

Password Show Hide Toggle JS

CSS · JS 470
Live List Filter JS

Live List Filter JS

CSS · JS 535
Auto-Hiding Sticky Header JS

Auto-Hiding Sticky Header JS

CSS · JS 436
Draggable Modal Window JS

Draggable Modal Window JS

CSS · JS 336
File Upload with Progress Bar JS

File Upload with Progress Bar JS

CSS · JS 488
Fullscreen Search Overlay JS

Fullscreen Search Overlay JS

CSS · JS 547
Notification Bell Dropdown CSS

Notification Bell Dropdown CSS

CSS · JS 506
Simple JavaScript Calculator

Simple JavaScript Calculator

CSS · JS 406
Weather Card Widget CSS

Weather Card Widget CSS

CSS 466
Interactive Poll Card JS

Interactive Poll Card JS

CSS · JS 560
Neumorphism Soft UI Buttons CSS

Neumorphism Soft UI Buttons CSS

CSS 526 1
Functional Stopwatch Timer JS

Functional Stopwatch Timer JS

CSS · JS 282
Animated Gradient Background CSS

Animated Gradient Background CSS

CSS 420
Image Magnifying Glass JS

Image Magnifying Glass JS

CSS · JS 501
Confetti Celebration Effect JS

Confetti Celebration Effect JS

CSS · JS 437
Collapsible Sidebar Menu JS

Collapsible Sidebar Menu JS

CSS · JS 611
Credit Card Flip Animation CSS

Credit Card Flip Animation CSS

CSS 610 1
Vertical Step Progress Bar CSS

Vertical Step Progress Bar CSS

CSS 557
Digital Signature Pad JS

Digital Signature Pad JS

CSS · JS 499
Double Range Slider JS

Double Range Slider JS

CSS · JS 588 1
Floating Chat Widget CSS

Floating Chat Widget CSS

CSS · JS 645
Custom Right-Click Context Menu JS

Custom Right-Click Context Menu JS

CSS · JS 470
Draggable Sortable List JS

Draggable Sortable List JS

CSS · JS 305 1
Modern Auto-Play Carousel JS

Modern Auto-Play Carousel JS

CSS · JS 588
3D Rotating Image Carousel JS

3D Rotating Image Carousel JS

CSS · JS 849 1
Multi-Card Product Carousel CSS

Multi-Card Product Carousel CSS

CSS 343
Automated Testimonial Carousel JS

Automated Testimonial Carousel JS

CSS · JS 304
Simple Sticky Footer CSS

Simple Sticky Footer CSS

CSS 306
CSS Grid Calendar Layout

CSS Grid Calendar Layout

CSS 452
Input Character Counter JS

Input Character Counter JS

CSS · JS 413