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
Modern Pure CSS Toggle Switches Collection

Modern Pure CSS Toggle Switches Collection

CSS 561
Pure CSS Modern Loaders and Spinners Collection

Pure CSS Modern Loaders and Spinners Collection

CSS 606
CSS Outline Link with Arrow Animation

CSS Outline Link with Arrow Animation

CSS 465
Subtle CSS Background Slide Link Hover

Subtle CSS Background Slide Link Hover

CSS 350 1
CSS Gradient Button Link with Shadow

CSS Gradient Button Link with Shadow

CSS 357
Modern CSS Underline Grow Link Effect

Modern CSS Underline Grow Link Effect

CSS 382
CSS Sticky Header Navigation

CSS Sticky Header Navigation

CSS 374
CSS 3D Card Flip on Hover

CSS 3D Card Flip on Hover

CSS 413 1
Simple JavaScript Tabs Interface

Simple JavaScript Tabs Interface

CSS · JS 325
CSS Image Hover Zoom Effect

CSS Image Hover Zoom Effect

CSS 415
Stylish HTML and CSS Accordion

Stylish HTML and CSS Accordion

CSS 312
CSS Custom Styled Radio Buttons

CSS Custom Styled Radio Buttons

CSS 298
CSS Animated Gradient Text Effect

CSS Animated Gradient Text Effect

CSS 653 1
CSS Animated Gradient Border

CSS Animated Gradient Border

CSS 349
JavaScript Copy to Clipboard Functionality

JavaScript Copy to Clipboard Functionality

CSS · JS 280
JavaScript Password Strength Indicator

JavaScript Password Strength Indicator

CSS · JS 342
CSS Glassmorphism Card Effect

CSS Glassmorphism Card Effect

CSS 660
HTML5 Video Player with Custom Controls

HTML5 Video Player with Custom Controls

CSS · JS 439
CSS Neumorphic UI Button

CSS Neumorphic UI Button

CSS 551
JavaScript Image Lazy Loading

JavaScript Image Lazy Loading

CSS · JS 548
CSS Text Typing Animation Effect

CSS Text Typing Animation Effect

CSS 649
CSS Custom Scrollbar Styling

CSS Custom Scrollbar Styling

CSS 350
CSS Responsive Card Layout with Media Queries

CSS Responsive Card Layout with Media Queries

CSS 488
CSS Dark Mode Toggle with Variables

CSS Dark Mode Toggle with Variables

CSS · JS 377
JavaScript Basic Form Validation

JavaScript Basic Form Validation

CSS · JS 324
HTML5 Details and Summary Accordion

HTML5 Details and Summary Accordion

CSS 358
CSS Button Hover Glow Effect

CSS Button Hover Glow Effect

CSS 442
JavaScript Create Dynamic List Items

JavaScript Create Dynamic List Items

CSS · JS 608
CSS Flexbox Centering Example

CSS Flexbox Centering

CSS 421
Social Share Content Locker

Social Share Content Locker

CSS · JS 398