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
Floating Shapes Login Screen CSS

Floating Shapes Login Screen CSS

CSS 220
Modern Credit Card Checkout JS

Modern Credit Card Checkout JS

CSS · JS 127
Modern Crypto Price Ticker Card CSS

Modern Crypto Price Ticker Card CSS

CSS 97
Animated Page Splash Screen JS

Animated Page Splash Screen JS

CSS · JS 182
Radial Pop-out Menu JS

Radial Pop-out Menu JS

CSS · JS 184 1
Interactive Starfield Canvas Background JS

Interactive Starfield Canvas Background JS

CSS · JS 173
Animated Glassmorphism Glow Card CSS

Animated Glassmorphism Glow Card CSS

CSS 175
E-Commerce Cart Drawer JS

E-Commerce Cart Drawer JS

CSS · JS 99
Dynamic Magnetic Hover Button JS

Dynamic Magnetic Hover Button JS

CSS · JS 183
GitHub Style Habit Heatmap JS

GitHub Style Habit Heatmap JS

CSS · JS 215
Isometric 3D Social Icons CSS

Isometric 3D Social Icons CSS

CSS 123
Interactive Pricing Toggle Cards JS

Interactive Pricing Toggle Cards JS

CSS · JS 123
Password Strength Meter Ring JS

Password Strength Meter Ring JS

CSS · JS 141
Modern Video Player with Chapters JS

Modern Video Player with Chapters JS

CSS · JS 175
Scroll-Driven Video Playback JS

Scroll-Driven Video Playback JS

CSS · JS 239
View Transitions Theme Toggle JS

View Transitions Theme Toggle JS

CSS · JS 130
AI Prompt Input with Glow Effect JS

AI Prompt Input with Glow Effect JS

CSS · JS 338
AI Chatbot Interface Layout JS

AI Chatbot Interface Layout JS

CSS · JS 172 1
Native HTML Popover Modal CSS

Native HTML Popover Modal CSS

CSS 94 1
Dark Mode OpenStreetMap CSS

Dark Mode OpenStreetMap CSS

CSS · JS 646 1
OSM with Custom Marker Icon

OSM with Custom Marker Icon

CSS · JS 388
Simple Responsive OpenStreetMap

Simple Responsive OpenStreetMap

CSS · JS 397 1
Input with Action Button

Input with Action Button

CSS 538
CSS Grid Magazine Layout

CSS Grid Magazine Layout

CSS 404
Social Media Story Viewer

Social Media Story Viewer

CSS 313
Animated Like Heart

Animated Like Heart

CSS 364
CSS Audio Wave Visualizer

CSS Audio Wave Visualizer

CSS 1,458 1
Hover Image Reveal Links

Hover Image Reveal Links

CSS · JS 567
Segmented Control Toggle

Segmented Control Toggle

CSS 455 1
Dynamic Island Notification Pill

Dynamic Island Notification Pill

CSS · JS 588