How many css snippets are available?

This page lists 45 curated examples. New community Tailwind components are added regularly.

Can I use snippets commercially?

Yes — all snippets are MIT licensed for personal and commercial projects without attribution.

Looking for Tailwind versions?

See Tailwind components tagged "css" at /tailwind/tag/css.

#css — 45 Free Code Snippets

#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

#profile#user-interface+2

Beautiful profile UI with transparent background

Free Bootstrap 5 utility snippet — Beautiful profile UI with transparent background. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

5.0kView 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

#animation#CSS

Fancy animated rainbow border with pure CSS

Fancy animated rainbow border with pure CSS: a hand-crafted, open-source Bootstrap 5 utility. HTML & CSS included, ready to copy.

3.6kView snippet

#images#accordion+1

Cool image accordion with pure CSS

Add a accordion to your UI with Cool image accordion with pure CSS. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

4.6kView snippet

#animation#card+1

Animated, rotating 3D card with Pure CSS

Animated, rotating 3D card with Pure CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

5.4kView snippet

#card#gradients+2

Card Border gradient animation with pure CSS

Free Bootstrap 5 card snippet — Card Border gradient animation with pure CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

5.6kView snippet

#CSS#animation

Burst Animation with pure CSS

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

2.3kView snippet

Typing speed game from HTML, CSS, and JavaScript

Word shuffling game with 3 levels of difficulty

Beautiful profile UI with transparent background

Beautiful Animated Border Gradient with pure CSS