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 14 of 67

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.9kView 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

Midnight Violet Drag-n-Drop Kanban Board with Frosted Neon Cards

Retro Synthwave Kanban Board with Draggable Glass Cards

Aurora Mint Stacking Toast Notifications with Synthwave Glow

Glassmorphism Revenue Card

Nebula Hero for AI Studio

Glassmorphism Bento Grid SaaS Dashboard Card

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

Midnight Violet Drag-n-Drop Kanban Board with Frosted Neon Cards

Retro Synthwave Kanban Board with Draggable Glass Cards

Aurora Mint Stacking Toast Notifications with Synthwave Glow

Trending Tailwind components

Glassmorphism Revenue Card

Nebula Hero for AI Studio

Glassmorphism Bento Grid SaaS Dashboard Card