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
Collapsible Sidebar Menu JS

Collapsible Sidebar Menu JS

CSS · JS 706
Credit Card Flip Animation CSS

Credit Card Flip Animation CSS

CSS 652 1
Vertical Step Progress Bar CSS

Vertical Step Progress Bar CSS

CSS 601
Digital Signature Pad JS

Digital Signature Pad JS

CSS · JS 543
Double Range Slider JS

Double Range Slider JS

CSS · JS 617 1
Floating Chat Widget CSS

Floating Chat Widget CSS

CSS · JS 665
Custom Right-Click Context Menu JS

Custom Right-Click Context Menu JS

CSS · JS 486
Draggable Sortable List JS

Draggable Sortable List JS

CSS · JS 336 1
Modern Auto-Play Carousel JS

Modern Auto-Play Carousel JS

CSS · JS 623
3D Rotating Image Carousel JS

3D Rotating Image Carousel JS

CSS · JS 1,033 1
Multi-Card Product Carousel CSS

Multi-Card Product Carousel CSS

CSS 396
Automated Testimonial Carousel JS

Automated Testimonial Carousel JS

CSS · JS 313
Simple Sticky Footer CSS

Simple Sticky Footer CSS

CSS 321
CSS Grid Calendar Layout

CSS Grid Calendar Layout

CSS 475
Input Character Counter JS

Input Character Counter JS

CSS · JS 435
Link in Bio Page CSS

Link in Bio Page CSS

CSS 464
Click to Edit Text JS

Click to Edit Text JS

CSS · JS 345
Read Time Estimator JS

Read Time Estimator JS

CSS · JS 247
Random Password Generator JS

Random Password Generator JS

CSS · JS 564
Exit Intent Popup JS

Exit Intent Popup JS

CSS · JS 352
Auto-Expanding Textarea JS

Auto-Expanding Textarea JS

CSS · JS 511
Custom Audio Player JS

Custom Audio Player JS

CSS · JS 585
Custom Select Dropdown JS

Custom Select Dropdown JS

CSS · JS 507
Code Block with Copy Button JS

Code Block with Copy Button JS

CSS · JS 428 1
Fullscreen Navigation Overlay JS

Fullscreen Navigation Overlay JS

CSS · JS 453
Scroll Fade In Animation JS

Scroll Fade In Animation JS

CSS · JS 507 1
Radio Selection Cards CSS

Radio Selection Cards CSS

CSS 376
Text Reveal Animation CSS

Text Reveal Animation CSS

CSS 703
Glassmorphism Login Form CSS

Glassmorphism Login Form CSS

CSS 659
Responsive Horizontal Timeline CSS

Responsive Horizontal Timeline CSS

CSS 609