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 16 of 20

#buttons#accordion+1

Gradient button shadows snippet

Gradient button shadows snippet: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.

2.6kView snippet

#background#animation+1

Rainbow Caret Exploration Animation snippet

Add a accordion to your UI with Rainbow Caret Exploration Animation snippet. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

1.1kView snippet

#animation

Timer Animation snippet

Timer Animation snippet — a free Bootstrap 5 utility snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

1.1kView snippet

#checkbox#switch+2

Checkbox Switcher/Toggle switch animation snippet

Free Bootstrap 5 form snippet — Checkbox Switcher/Toggle switch animation snippet. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

1.7kView snippet

#animation

Text Typing Animation example

Text Typing Animation example: a hand-crafted, open-source Bootstrap 5 utility. HTML & CSS included, ready to copy.

2.1kView snippet

#background#switch+2

Switcher animation example

Add a accordion to your UI with Switcher animation example. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

1.4kView snippet

#background#animation

Color picker animation example with pure CSS

Color picker animation example with pure CSS — a free Bootstrap 5 utility snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

2.5kView snippet