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
JavaScript Password Strength Indicator

JavaScript Password Strength Indicator

CSS · JS 349
CSS Glassmorphism Card Effect

CSS Glassmorphism Card Effect

CSS 732
HTML5 Video Player with Custom Controls

HTML5 Video Player with Custom Controls

CSS · JS 476
CSS Neumorphic UI Button

CSS Neumorphic UI Button

CSS 578
JavaScript Image Lazy Loading

JavaScript Image Lazy Loading

CSS · JS 556
CSS Text Typing Animation Effect

CSS Text Typing Animation Effect

CSS 685
CSS Custom Scrollbar Styling

CSS Custom Scrollbar Styling

CSS 357
CSS Responsive Card Layout with Media Queries

CSS Responsive Card Layout with Media Queries

CSS 534
CSS Dark Mode Toggle with Variables

CSS Dark Mode Toggle with Variables

CSS · JS 383
JavaScript Basic Form Validation

JavaScript Basic Form Validation

CSS · JS 331
HTML5 Details and Summary Accordion

HTML5 Details and Summary Accordion

CSS 368
CSS Button Hover Glow Effect

CSS Button Hover Glow Effect

CSS 502
JavaScript Create Dynamic List Items

JavaScript Create Dynamic List Items

CSS · JS 624
CSS Flexbox Centering Example

CSS Flexbox Centering

CSS 443
Social Share Content Locker

Social Share Content Locker

CSS · JS 429
CSS Social Media Buttons

CSS Social Media Buttons

CSS 462
CSS3 Responsive Menu Example

CSS3 Responsive Menu

CSS 463
CSS3 Image Overlay Effects Example

CSS3 Image Overlay Effects

CSS 415
Pure CSS3 Modal Example

Pure CSS3 Modal

CSS 597 3
CSS3 Pixelated Background Scroll

CSS3 Pixelated Background Scroll

CSS 335
Pure CSS3 Image Slideshow Example

Pure CSS3 Image Slideshow

CSS 551
CSS3 Image Popout Example

CSS3 Image Popout

CSS 510
CSS3 Tabbed Content Example

CSS3 Tabbed Content

CSS 514 1
HTML5 Basic Boilerplate

HTML5 Basic Boilerplate

HTML 515
CSS3 Tooltips Example

CSS3 Tooltips

CSS 395
JavaScript Scroll to Top

JavaScript Scroll to Top

CSS · JS 550
HTML Styling Links Example

HTML Styling Links

CSS 487
HTML Styling Tables Example

HTML Styling Tables

CSS 731