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

#e-commerce#trust badges+4

Nordic Slate E-commerce Product Card with Vibrant Trust Badges

Immerse users in a sleek and stylish product display, enhanced with captivating animations and reassuring trust badges.

2View snippet

#pricing#comparison+4

Sunset Orchid Pricing Plans with Dynamic Trust Signals

Easily compare and select your perfect plan with vibrant animations and clear trust indicators.

5View snippet

#accordion#admin-interface+3

Drop down — Bootstrap accordions snippet

Add a accordion to your UI with Drop down — Bootstrap accordions snippet. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

1.5kView snippet

#progress#loading+2

Progress Bars

Free Bootstrap 5 utility snippet — Progress Bars. Preview, copy HTML, drop it into any Bootstrap 5 project.

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

#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

#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

Nordic Slate E-commerce Product Card with Vibrant Trust Badges