DARWIN — Animation repository

Ananimationrepository.

34 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.

014 demos

Hero Sections

Above-the-fold openers — scattered media constellations, cursor spotlights, drifting gradient meshes and curtain reveals.

Open

023 demos

Intro Animations

First-load choreography. Counters, sequential curtains and SVG logo draws that hand off to the page.

Open

035 demos

Text Animations

Type that arrives with intent — 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

056 demos

Scroll Animations

Scroll-linked motion — a cinematic 3D fly-through, pinned media sections, rising image cards, parallax layers, viewport reveals and a pinned horizontal section.

Open

064 demos

Hover & Micro-interactions

The small stuff. A hover-swap editorial index, 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

085 demos

Page Transitions

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

Open