Skip to main content

Prototype & Animate Tools

Make interaction and timing part of your design process. Explore tools for motion graphics, interactive prototypes, 3D experiences and code-ready animation, whether you are testing an idea or polishing a product's final behavior.

Get weekly digest

Inspiration once per week, unsubscribe anytime.

  • Motion Primitives product interface preview

    A gallery of expressive, ready-to-use React animations and transitions.

  • Motion Studio product interface preview

    Visually edit web animations with a timeline connected to working code.

  • React Bits product interface preview

    Animated React components and creative effects ready to adapt in code.

  • cavalry official product preview

    A procedural 2D animation tool for designing data-driven motion graphics, layouts and repeatable visual systems.

  • transitions-dev official product preview

    A library of reusable interface transitions and motion patterns for modern web products.

  • unicorn-studio official product preview

    A visual editor for creating animated, interactive WebGL scenes and embedding them on websites.

  • Lottielab preview

    A web animation editor for designing and exporting lightweight Lottie files.

  • ProtoPie preview

    A high-fidelity prototyping tool for complex interactions, sensors and multi-device flows.

  • Rive preview

    An interactive animation tool with state machines and lightweight runtimes for every platform.

  • Spline preview

    A collaborative 3D design tool in the browser for interactive scenes that publish to the web and apps.

  • Jitter preview

    A browser-based motion design tool for animating UI and marketing visuals.