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
Animated Subscribe Button Success JS

Animated Subscribe Button Success JS

CSS · JS 114
AI Thinking Text Animation CSS

AI Thinking Text Animation CSS

CSS 1,126 1
macOS Style Floating Dock JS

macOS Style Floating Dock JS

CSS · JS 343
Interactive Product Color Switcher JS

Interactive Product Color Switcher JS

CSS · JS 195
Modern Bento Box Portfolio CSS

Modern Bento Box Portfolio CSS

CSS 255
AI Voice Wave Visualizer JS

AI Voice Wave Visualizer JS

CSS · JS 142
Sticky Text Scroll Reveal Effect JS

Sticky Text Scroll Reveal Effect JS

CSS · JS 202
Modern Grid Spotlight Effect JS

Modern Grid Spotlight Effect JS

CSS · JS 201
Cyberpunk Neon Glitch Button CSS

Cyberpunk Neon Glitch Button CSS

CSS 207
Neumorphic Smart Home Dashboard CSS

Neumorphic Smart Home Dashboard CSS

CSS 239
Interactive Terminal UI Component JS

Interactive Terminal UI Component JS

CSS · JS 195
Horizontal Scroll Gallery Section JS

Horizontal Scroll Gallery Section JS

CSS · JS 199
Animated Dashboard Gauge Chart JS

Animated Dashboard Gauge Chart JS

CSS · JS 183
Liquid Background Profile Card CSS

Liquid Background Profile Card CSS

CSS 192
Modern Kanban Board UI JS

Modern Kanban Board UI JS

CSS · JS 128
Floating Shapes Login Screen CSS

Floating Shapes Login Screen CSS

CSS 253
Modern Credit Card Checkout JS

Modern Credit Card Checkout JS

CSS · JS 155
Modern Crypto Price Ticker Card CSS

Modern Crypto Price Ticker Card CSS

CSS 110
Animated Page Splash Screen JS

Animated Page Splash Screen JS

CSS · JS 234
Radial Pop-out Menu JS

Radial Pop-out Menu JS

CSS · JS 196 1
Interactive Starfield Canvas Background JS

Interactive Starfield Canvas Background JS

CSS · JS 234
Animated Glassmorphism Glow Card CSS

Animated Glassmorphism Glow Card CSS

CSS 206
E-Commerce Cart Drawer JS

E-Commerce Cart Drawer JS

CSS · JS 111
Dynamic Magnetic Hover Button JS

Dynamic Magnetic Hover Button JS

CSS · JS 209
GitHub Style Habit Heatmap JS

GitHub Style Habit Heatmap JS

CSS · JS 229
Isometric 3D Social Icons CSS

Isometric 3D Social Icons CSS

CSS 148
Interactive Pricing Toggle Cards JS

Interactive Pricing Toggle Cards JS

CSS · JS 167
Password Strength Meter Ring JS

Password Strength Meter Ring JS

CSS · JS 151
Modern Video Player with Chapters JS

Modern Video Player with Chapters JS

CSS · JS 189
Scroll-Driven Video Playback JS

Scroll-Driven Video Playback JS

CSS · JS 282