How many animation snippets are available?

This page lists 177 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 "animation" at /tailwind/tag/animation.

#animation — 177 Free Code Snippets — Page 15 of 20

#loader#animation

Loader animation example

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

3.4kView snippet

#buttons#animation

3D Gradient Buttons — Bootstrap buttons snippet

3D Gradient Buttons — Bootstrap buttons snippet: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.

2.3kView snippet

#buttons#animation+1

Animated gradient button

Add a button to your UI with Animated gradient button. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

1.5kView snippet

#buttons#hover+1

Nice animated gradient hover buttons with pure CSS

Nice animated gradient hover buttons with pure CSS — a free Bootstrap 5 button snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

2.0kView snippet

#buttons#hover+1

Gradient Button Animations on hover

Free Bootstrap 5 button snippet — Gradient Button Animations on hover. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

2.3kView snippet

#buttons#background+1

Gradient Buttons with Background Color Change snippet

Gradient Buttons with Background Color Change snippet: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.

1.8kView snippet

#buttons#animation

Gradient Button Disco animation with pure CSS

Add a button to your UI with Gradient Button Disco animation with pure CSS. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

2.7kView snippet

#buttons#hover+1

Awesome gradient hover buttons snippet

Awesome gradient hover buttons snippet — a free Bootstrap 5 button snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

2.4kView snippet

#buttons#animation

Gradient buttons pure CSS

Free Bootstrap 5 button snippet — Gradient buttons pure CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

2.1kView snippet