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
Simple BMI Calculator JS

Simple BMI Calculator JS

CSS · JS 329
Age Verification Modal JS

Age Verification Modal JS

CSS · JS 437
Emoji Rating Picker JS

Emoji Rating Picker JS

CSS · JS 556
Simple Expense Tracker JS

Simple Expense Tracker JS

CSS · JS 466
Sortable HTML Table JS

Sortable HTML Table JS

CSS · JS 449
Product Card with Color Swatches JS

Product Card with Color Swatches JS

CSS · JS 485
Scroll Down Mouse Animation CSS

Scroll Down Mouse Animation CSS

CSS 503
Simple Color Palette Generator JS

Simple Color Palette Generator JS

CSS · JS 478
Tip Calculator JS

Tip Calculator JS

CSS · JS 465
Sliding Tab Indicator CSS

Sliding Tab Indicator CSS

CSS 447 1
Browser Window Mockup CSS

Browser Window Mockup CSS

CSS 293
Image Blur-In Loading CSS

Image Blur-In Loading CSS

CSS 444 1
Typewriter Deleting Effect JS

Typewriter Deleting Effect JS

CSS · JS 550
Sticky First Column Table CSS

Sticky First Column Table CSS

CSS 443 1
Phone Number Input Formatter JS

Phone Number Input Formatter JS

CSS · JS 455
Infinite Logo Marquee CSS

Infinite Logo Marquee CSS

CSS 543
Responsive Table Card View CSS

Responsive Table Card View CSS

CSS 535
Interactive Quiz Card JS

Interactive Quiz Card JS

CSS · JS 321
Search with Highlighted Text JS

Search with Highlighted Text JS

CSS · JS 292
Animated Background Bubbles CSS

Animated Background Bubbles CSS

CSS 536
Tree View File Explorer CSS

Tree View File Explorer CSS

CSS 739
Circular Progress Chart CSS

Circular Progress Chart CSS

CSS 398
Stacked Toast Notifications JS

Stacked Toast Notifications JS

CSS · JS 617
Credit Card Number Formatter JS

Credit Card Number Formatter JS

CSS · JS 372
Cookie Preferences Modal HTML & CSS

Cookie Preferences Modal HTML & CSS

CSS 389
Floating WhatsApp Button CSS

Floating WhatsApp Button CSS

CSS 759
Read More Text Expander JS

Read More Text Expander JS

CSS · JS 388
Smooth Scroll to Anchor JS

Smooth Scroll to Anchor JS

CSS · JS 417
Custom File Upload Button CSS

Custom File Upload Button CSS

CSS · JS 345
Quantity Increment Decrement JS

Quantity Increment Decrement JS

CSS · JS 341