Animata
Animata is a free React component collection of handcrafted animations and interactions, built with TypeScript and Tailwind CSS. Its MIT-licensed source includes navigation, buttons, switches, backgrounds, text effects, layouts, and widgets. This collection presents recordings of real animated and static source components with documented creator credits and license notices.
Source specialties
181 Components
Gibberish Text
A component that displays gibberish text initially and then reveals the actual text.
Underline hover text
A customizable text component with an underline hover effect.
Bar Chart
A compact animated bar chart with per-bar labels and configurable fill styles.
Duolingo
A three-dimensional button with hover brightness and a pressed border state.
Blurry blob
Two softly blurred colored blobs drift and scale behind a rounded surface.
Gauge Chart
A circular progress gauge with a bottom gap and optional numeric value.
Image Box Shadow
An image gains a colored shadow on hover through the source example props.
Gooey Tabs
Icon tabs merge through an SVG goo filter as the selected label expands.
Boids Ecosystem
A canvas flocking simulation moves continuously and parts around the pointer.
Circular Text
Displays text arranged in a rotating circular path with customizable speed.