DARWIN — Animation repository

Ananimationrepository.

48 copy-pasteable React components across 8 categories, maintained by thedarwin.co. Every demo is a single self-contained file — open the stage, hit replay, then lift the source.

0112 demos

Hero Sections

Above-the-fold openers — a launch hero with a shared torn-paper horizon, a cinematic wasteland image sequence, an illustrated river escape, a scroll-driven botanical study, an interactive desktop, a botanical negative, a decoding ASCII sculpture, a sculpted blob kid, scattered media, cursor spotlights, gradient meshes and curtain reveals.

Open
025 demos

Intro Animations

First-load choreography. Floating fragments assemble an image, pictures form out of dust, counters, sequential curtains and SVG logo draws hand off to the page.

Open
036 demos

Text Animations

Type that arrives with intent — liquid reveals, hover glitches, word staggers, character scrambles, masked line reveals and gradient sweeps.

Open
044 demos

Carousels

Grayscale filmstrips, seamless marquees, drag-to-scroll tracks with momentum, and auto-advancing crossfades.

Open
057 demos

Scroll Animations

Scroll-linked motion — a dithered portrait that develops in the scroll, a cinematic 3D fly-through, pinned media sections, rising image cards, parallax layers, viewport reveals and a pinned horizontal section.

Open
065 demos

Hover & Micro-interactions

The small stuff. A hover-swap editorial index, a pixel shape that scatters like air under the cursor, magnetic buttons, 3D tilt with glare and a shared-element nav indicator.

Open
073 demos

Loaders & Spinners

Waiting states that feel intentional — orbit spinners, shimmer skeletons and animated progress rings.

Open
086 demos

Page Transitions

Moving between views. Prismatic section transitions, pixel dissolves, slat wipes, shared-layout tabs, spring modals and a push/pop route stack.

Open