DocsComponentsBlog
Star us
Get a chance to win $100 by contributing to Hacktoberfest 2024 - Learn more
animata
animata
View code
Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.
Get startedStar us on GitHub

Checkout the demo below

Tip: Use the view button to see the source.

Border trail

View
No longer wasting hours 🕕 looking for the inspiration or trying to write everything from scratch 📝.
time.saved = true;
frustration--;happiness++;productivity++;

Mirror text

View
Awesomeness
Awesomeness
Awesomeness
Awesomeness

Typing text

View
import BoldCopy from "@/animata/text/bold-copy"
<|

Shiny card

View
cmake.yml
on: push
Install dependencies1m 20s
Build2m 10s
Test1m 30s

Skew card

View

55%

Developer preference for GitHub Copilot

Stack Overflow 2023 Survey

Widgets

View
Cycling2h 30m

Goal
15km4.5km

188 BPM

130 AVG

350m

Gurkha St.

BackgroundYour photo
1
5
3
6

Arrives Today

09:26

In Transit

Pokhara30 min ago
Cycling2h 30m

Goal
15km4.5km

188 BPM

130 AVG

350m

Gurkha St.

BackgroundYour photo
1
5
3
6

Arrives Today

09:26

In Transit

Pokhara30 min ago
Cycling2h 30m

Goal
15km4.5km

188 BPM

130 AVG

350m

Gurkha St.

BackgroundYour photo
1
5
3
6

Arrives Today

09:26

In Transit

Pokhara30 min ago
Cycling2h 30m

Goal
15km4.5km

188 BPM

130 AVG

350m

Gurkha St.

BackgroundYour photo
1
5
3
6

Arrives Today

09:26

In Transit

Pokhara30 min ago
Cycling2h 30m

Goal
15km4.5km

188 BPM

130 AVG

350m

Gurkha St.

BackgroundYour photo
1
5
3
6

Arrives Today

09:26

In Transit

Pokhara30 min ago

Gradient text

View
HELLO

Split text

View
HH
OO
VV
EE
RR

Animated beam

View
Free &Open source
View code

Interactive grid

View
Hover the small squares to see the background effect.

Skeleton

View
Receipt
ReportCSV
Receipt
ReportCSV
Receipt
ReportCSV
Receipt
ReportCSV
Receipt
ReportCSV

wall of love

Animata looks amazing! The collection of animations and ease of customization are impressive. Kudos to the team for delivering such a fresh and useful resource! 🌟
Nik Italiya
Finally, something fresh and not either a clone of shadcn or aceternity ui
jack
This is so cool 😍🙌
Sabin Baniya
Added to the favorites 😍
Diego Ramiro
I have to be honest, the UI is delivering the widgets and components very nicely. I really like it—kudos from me 👍🏻
Shriansh Agarwal
I will use Animata library from now in my all next projects.
Raja Junaid
I love it !!
Guillaume Robert
FAQ
FAQ
You ask. We answer.
View code

START BUILDING TODAY

View code
Explore Components
View code on GitHub