371 snippets · every one runs live in the editor

Free CSS 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

CSS Scroll-Driven Parallax Hero Pure CSS Carousel with Scroll Buttons and Markers View Transitions Grid Filter JS Plays on hover

Browse by collection

Animation 93 snippets
Forms 48 snippets
Layout 34 snippets
Navigation 29 snippets
Glassmorphism 24 snippets
Dashboards 18 snippets

Most viewed

See all
CSS Audio Wave Visualizer

CSS Audio Wave Visualizer

CSS 1,309
Classic Retro Snake Game (HTML, CSS, JS)

Classic Retro Snake Game (HTML, CSS, JS)

CSS · JS 919 3
Modern Skeleton Wireframe Reveal CSS

Modern Skeleton Wireframe Reveal CSS

CSS 904 3

All snippets371

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
View Transitions Grid Filter JS

View Transitions Grid Filter JS

CSS · JS 2
CSS Scroll-Driven Parallax Hero

CSS Scroll-Driven Parallax Hero

CSS 8
Pure CSS Carousel with Scroll Buttons and Markers

Pure CSS Carousel with Scroll Buttons and Markers

CSS 5
Top Loading Progress Bar JS

Top Loading Progress Bar JS

CSS · JS 1
Resizable Split Panes JS

Resizable Split Panes JS

CSS · JS 2
Pure CSS Counting Number Animation

Pure CSS Counting Number Animation

CSS 7
Popover API Dropdown Menu with Anchor Positioning

Popover API Dropdown Menu with Anchor Positioning

CSS 1
Native Dialog Modal with Backdrop Blur JS

Native Dialog Modal with Backdrop Blur JS

CSS · JS 2
Live Form Validation with :user-invalid CSS

Live Form Validation with :user-invalid CSS

CSS 0
Infinite Scroll Loader JS

Infinite Scroll Loader JS

CSS · JS 1
Fluid Typography Scale with clamp() CSS

Fluid Typography Scale with clamp() CSS

CSS 0
Customizable Select with appearance base-select CSS

Customizable Select with appearance base-select CSS

CSS 4
Custom Date Picker JS

Custom Date Picker JS

CSS · JS 2
CSS Anchor Positioning Tooltip

CSS Anchor Positioning Tooltip

CSS 2
Autocomplete Search Input JS

Autocomplete Search Input JS

CSS · JS 1
Auto-Growing Textarea with field-sizing CSS

Auto-Growing Textarea with field-sizing CSS

CSS 3
Animated Highlighter Text Effect CSS

Animated Highlighter Text Effect CSS

CSS 0
Animated Exclusive Accordion with Details Name CSS

Animated Exclusive Accordion with Details Name CSS

CSS 1
Animated Bar Chart CSS

Animated Bar Chart CSS

CSS 3
Modern Skeleton Wireframe Reveal CSS

Modern Skeleton Wireframe Reveal CSS

CSS 904 3
Staggered Wave Text Hover Reveal CSS

Staggered Wave Text Hover Reveal CSS

CSS 622 3
Interactive Drag to Cart Animation JS

Interactive Drag to Cart Animation JS

CSS · JS 426
Interactive 3D Paper Fold UI JS

Interactive 3D Paper Fold UI JS

CSS · JS 383 1
Geometric 3D Cube Loader CSS

Geometric 3D Cube Loader CSS

CSS 486 4
Swipe To Confirm Action Button JS

Swipe To Confirm Action Button JS

CSS · JS 302
Blend Mode Invert Custom Cursor JS

Blend Mode Invert Custom Cursor JS

CSS · JS 315
Direction Aware Hover Overlay JS

Direction Aware Hover Overlay JS

CSS · JS 199 2
Glassmorphism Hex Color Picker JS

Glassmorphism Hex Color Picker JS

CSS · JS 287
Animated Battery Charging Widget CSS

Animated Battery Charging Widget CSS

CSS 430 1
Cyberpunk Image Glitch Hover CSS

Cyberpunk Image Glitch Hover CSS

CSS 167