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
Infinite Logo Marquee CSS

Infinite Logo Marquee CSS

CSS 576
Responsive Table Card View CSS

Responsive Table Card View CSS

CSS 598
Interactive Quiz Card JS

Interactive Quiz Card JS

CSS · JS 342
Search with Highlighted Text JS

Search with Highlighted Text JS

CSS · JS 304
Animated Background Bubbles CSS

Animated Background Bubbles CSS

CSS 571
Tree View File Explorer CSS

Tree View File Explorer CSS

CSS 849
Circular Progress Chart CSS

Circular Progress Chart CSS

CSS 431
Stacked Toast Notifications JS

Stacked Toast Notifications JS

CSS · JS 640
Credit Card Number Formatter JS

Credit Card Number Formatter JS

CSS · JS 398
Cookie Preferences Modal HTML & CSS

Cookie Preferences Modal HTML & CSS

CSS 403
Floating WhatsApp Button CSS

Floating WhatsApp Button CSS

CSS 862
Read More Text Expander JS

Read More Text Expander JS

CSS · JS 395
Smooth Scroll to Anchor JS

Smooth Scroll to Anchor JS

CSS · JS 428
Custom File Upload Button CSS

Custom File Upload Button CSS

CSS · JS 373
Quantity Increment Decrement JS

Quantity Increment Decrement JS

CSS · JS 370
Password Show Hide Toggle JS

Password Show Hide Toggle JS

CSS · JS 501
Live List Filter JS

Live List Filter JS

CSS · JS 558
Auto-Hiding Sticky Header JS

Auto-Hiding Sticky Header JS

CSS · JS 450
Draggable Modal Window JS

Draggable Modal Window JS

CSS · JS 358
File Upload with Progress Bar JS

File Upload with Progress Bar JS

CSS · JS 505
Fullscreen Search Overlay JS

Fullscreen Search Overlay JS

CSS · JS 561
Notification Bell Dropdown CSS

Notification Bell Dropdown CSS

CSS · JS 535
Simple JavaScript Calculator

Simple JavaScript Calculator

CSS · JS 417
Weather Card Widget CSS

Weather Card Widget CSS

CSS 498
Interactive Poll Card JS

Interactive Poll Card JS

CSS · JS 586
Neumorphism Soft UI Buttons CSS

Neumorphism Soft UI Buttons CSS

CSS 556 1
Functional Stopwatch Timer JS

Functional Stopwatch Timer JS

CSS · JS 291
Animated Gradient Background CSS

Animated Gradient Background CSS

CSS 476
Image Magnifying Glass JS

Image Magnifying Glass JS

CSS · JS 528
Confetti Celebration Effect JS

Confetti Celebration Effect JS

CSS · JS 452