Registry / 09 previews

Component explorer

Accessible motion primitives, inspected in place.

09 resultsReact / Anime.js
01TextImplemented

Motion with purpose.

Text Reveal

Word-level entrance with readable source text.

/text-reveal
02FeedbackImplemented
+12,480

Number Ticker

Numeric transitions with stable final output.

/number-ticker
03LayoutImplemented

Staggered List

Insertion and removal with bounded stagger.

/staggered-list
04LayoutImplemented
Active

Animated Tabs

Keyboard-ready panels with a moving indicator.

/animated-tabs
05OverlayImplemented

Motion Dialog

Focus-safe presence with retained exit content.

/motion-dialog
06FeedbackImplemented

    Toast Stack

    Live-region notifications with controlled reflow.

    /toast-stack
    07LayoutImplemented
    4 results
    • Motion
    • Tabs
    • Dialog
    • Presence

    Filter Grid

    Focus-safe filtering with animated grid reflow.

    /filter-grid
    08LayoutImplemented
    Viewport observed

    Scroll Reveal

    Bounded viewport reveals with visible fallback content.

    /scroll-reveal
    09LayoutImplemented

    Content sets the endpoint.

    Animated Accordion

    Intrinsic-height disclosure with retained panel exits.

    /animated-accordion

    System contract

    Motion policy

    Entry
    Explain new state
    Exit
    Complete before removal
    Reduction
    Preserve meaning