Easeout Lab

Free motion details. Copy, paste, ship.

Small motion components from real Sprints. Each one is a single file (React, Motion and Tailwind CSS) you can paste into your project.

  • Frontwell homepage, redesigned
    Parley homepage, redesigned
    Frontwell homepage, before the redesign
    Parley homepage, before the redesign
    Frontwell homepage, redesigned
    Parley homepage, redesigned
    Frontwell homepage, before the redesign
    Parley homepage, before the redesign

    Curved image wall

    Screens on a 3D ring. Drag or swipe to spin it with momentum, use the arrow keys to step, and it drifts on its own when you let go.

  • Linear
    Ease-out

    Ease-out vs linear

    Same distance, same time. Ease-out starts fast and settles, so it feels responsive instead of robotic.

  • Press button

    Scales to .97 on press with a stiff spring and springs back on release. Works with the keyboard too.

  • 74

    Number ticker

    Counts up once when it scrolls into view, writing to the DOM so React never re-renders per frame.

Want a whole page built like this?