What is the difference between trending and popular?

Trending ranks snippets from the last 30 days by views plus downloads × 5. Popular ranks all-time snippets by views plus downloads.

Popular Code Snippets — Page 10 of 63

Card Grid Layout — Bootstrap 5 snippet preview

#cards#grid+2

★ Featured

Card Grid Layout

Add a card to your UI with Card Grid Layout. Free Bootstrap 5 code — HTML ready to copy, MIT licensed.

3.7kView snippet

Responsive Navbar — Bootstrap 5 snippet preview

#navbar#responsive+2

★ Featured

Responsive Navbar

Responsive Navbar — a free Bootstrap 5 navbar snippet. Copy the HTML and paste straight into your Bootstrap 5 project.

4.8kView snippet

#user-interface

Meditation app which suggests or plays music when the user…

Free Bootstrap 5 utility snippet — Meditation app which suggests or plays music when the user…. Preview, copy HTML, drop it into any Bootstrap 5 project.

2.1kView snippet

#user-interface#CSS+1

Typing speed game from HTML, CSS, and JavaScript

Typing speed game from HTML, CSS, and JavaScript: a hand-crafted, open-source Bootstrap 5 utility. HTML included, ready to copy.

1.7kView snippet

#CSS

Word shuffling game with 3 levels of difficulty

Add a utility to your UI with Word shuffling game with 3 levels of difficulty. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

1.4kView snippet

#tooltips

Tooltips using Tippy.js

Free Bootstrap 5 tooltip snippet — Tooltips using Tippy.js. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

2.8kView snippet

#card#hover+1

Responsive Info cards with hover effect in CSS

Add a card to your UI with Responsive Info cards with hover effect in CSS. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

7.7kView snippet

#social#buttons+1

Social share button with animation

Social share button with animation — a free Bootstrap 5 button snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

4.3kView snippet

#animation#gradients+1

Beautiful Animated Border Gradient with pure CSS

Beautiful Animated Border Gradient with pure CSS — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

8.3kView snippet

Popular snippets

Card Grid Layout

Responsive Navbar

Meditation app which suggests or plays music when the user…

Typing speed game from HTML, CSS, and JavaScript

Word shuffling game with 3 levels of difficulty

Tooltips using Tippy.js

Responsive Info cards with hover effect in CSS

Social share button with animation

Beautiful Animated Border Gradient with pure CSS

Why downloads matter

Frequently asked questions

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Neon Music Player Widget

Step Wizard Onboarding

Cosmic 404 — Lost in Space

Popular snippets

Card Grid Layout

Responsive Navbar

Meditation app which suggests or plays music when the user…

Typing speed game from HTML, CSS, and JavaScript

Word shuffling game with 3 levels of difficulty

Tooltips using Tippy.js

Responsive Info cards with hover effect in CSS

Social share button with animation

Beautiful Animated Border Gradient with pure CSS

Why downloads matter

Frequently asked questions

Trending Bootstrap snippets

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Trending Tailwind components

Neon Music Player Widget

Step Wizard Onboarding

Cosmic 404 — Lost in Space