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
View Transitions Theme Toggle JS

View Transitions Theme Toggle JS

CSS · JS 150
AI Prompt Input with Glow Effect JS

AI Prompt Input with Glow Effect JS

CSS · JS 419 1
AI Chatbot Interface Layout JS

AI Chatbot Interface Layout JS

CSS · JS 198 1
Native HTML Popover Modal CSS

Native HTML Popover Modal CSS

CSS 110 1
Dark Mode OpenStreetMap CSS

Dark Mode OpenStreetMap CSS

CSS · JS 706 1
OSM with Custom Marker Icon

OSM with Custom Marker Icon

CSS · JS 399
Simple Responsive OpenStreetMap

Simple Responsive OpenStreetMap

CSS · JS 412 1
Input with Action Button

Input with Action Button

CSS 553
CSS Grid Magazine Layout

CSS Grid Magazine Layout

CSS 434
Social Media Story Viewer

Social Media Story Viewer

CSS 329
Animated Like Heart

Animated Like Heart

CSS 391 2
CSS Audio Wave Visualizer

CSS Audio Wave Visualizer

CSS 1,819 1
Hover Image Reveal Links

Hover Image Reveal Links

CSS · JS 585
Segmented Control Toggle

Segmented Control Toggle

CSS 489 1
Dynamic Island Notification Pill

Dynamic Island Notification Pill

CSS · JS 646
Sticky Stacking Cards Scroll Effect

Sticky Stacking Cards Scroll Effect

CSS 602
CSS Corner Ribbon Label

CSS Corner Ribbon Label

CSS 490
Native Web Share API Button

Native Web Share API Button

CSS · JS 585
Responsive Aspect Ratio Video Grid

Responsive Aspect Ratio Video Grid

CSS 556
Smooth Entry with @starting-style

Smooth Entry with @starting-style

CSS · JS 512
Colorful Gradient Drop Shadow

Colorful Gradient Drop Shadow

CSS 414
Modern KBD Keyboard Hints

Modern KBD Keyboard Hints

CSS 336
Interactive SVG Cinema Seat Selector JS

Interactive SVG Cinema Seat Selector JS

CSS · JS 437
Cyberpunk Glitch Text Effect

Cyberpunk Glitch Text Effect

CSS 541
CSS Subgrid Card Alignment

CSS Subgrid Card Alignment

CSS 409
CSS Scroll-Driven Reading Progress Bar

CSS Scroll-Driven Reading Progress Bar

CSS 311
Glassmorphism Sidebar Navigation CSS

Glassmorphism Sidebar Navigation CSS

CSS 564
Floating Speed Dial Menu CSS

Floating Speed Dial Menu CSS

CSS 530
Fullscreen Video Background Hero CSS

Fullscreen Video Background Hero CSS

CSS 440
Gradient Text Shine Effect CSS

Gradient Text Shine Effect CSS

CSS 717 1