Are utilities framework-agnostic?

Many use vanilla CSS. Others target Bootstrap or Tailwind — check tags and preview on each snippet page.

Free Utilities Snippets — 231+ Copy-Paste Examples (Bootstrap & More) — Page 7 of 26

Animation loader for full page

Free Bootstrap 5 utility snippet — Animation loader for full page. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

1.3kView snippet

#loader#animation+1

Awesome Loader animation with pure CSS

Awesome Loader animation with pure CSS: a hand-crafted, open-source Bootstrap 5 utility. HTML & CSS included, ready to copy.

1.1kView snippet

#CSS#animation

Pure CSS direction aware box shadow animation

Pure CSS direction aware box shadow animation — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

1.0kView snippet

#calendar#user-interface+1

Dynamic Calendar with pure CSS and JavaScript

Dynamic Calendar with pure CSS and JavaScript: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.

5.2kView snippet

#user-interface#CSS

Custom Video Player with pure CSS and JavaScript [Source…

Free Bootstrap 5 utility snippet — Custom Video Player with pure CSS and JavaScript [Source….

1.3kView snippet

#images#gallery+2

Image gallery with vertical slider

Add a utility to your UI with Image gallery with vertical slider. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

2.2kView snippet

#CSS#animation+1

CSS marquee effect with animation

CSS marquee effect with animation — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

1.7kView snippet

#background#animation+1

Text animation with pure CSS

Text animation with pure CSS: a hand-crafted, open-source Bootstrap 5 utility. HTML & CSS included, ready to copy.

1.0kView snippet

#images#ripple-effect+3

Floating Up Parallax Image Gallery with pure CSS

Free Bootstrap 5 utility snippet — Floating Up Parallax Image Gallery with pure CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

1.8kView snippet

Animation loader for full page

Awesome Loader animation with pure CSS

Pure CSS direction aware box shadow animation

Dynamic Calendar with pure CSS and JavaScript

Custom Video Player with pure CSS and JavaScript [Source…

Image gallery with vertical slider

CSS marquee effect with animation

Text animation with pure CSS

Floating Up Parallax Image Gallery with pure CSS

Composable utilities

Frequently asked questions

Glassmorphism Revenue Card

Nebula Hero for AI Studio

Glassmorphism Bento Grid SaaS Dashboard Card

Animation loader for full page

Awesome Loader animation with pure CSS

Pure CSS direction aware box shadow animation

Dynamic Calendar with pure CSS and JavaScript

Custom Video Player with pure CSS and JavaScript [Source…

Image gallery with vertical slider

CSS marquee effect with animation

Text animation with pure CSS

Floating Up Parallax Image Gallery with pure CSS

Composable utilities

Frequently asked questions

Trending Tailwind components

Glassmorphism Revenue Card

Nebula Hero for AI Studio

Glassmorphism Bento Grid SaaS Dashboard Card