KINESIS.

a study in motion

start a project

01 — cursor  ·  02 — entrance

Motion is the message. We write it.

KINESIS is an interaction studio. Every scroll, hover and press on this page is a technique from our field kit — indexed, labeled, and built by hand in vanilla JavaScript.

scroll to begin ↓

no libraries · no frameworks · 60fps intent

07 — marquee + scroll velocity

EASING · CHOREOGRAPHY · INTERPOLATION · SPRINGS · INERTIA · STAGGER · 

03 — scroll-driven transform

Low-angle view of white concrete architecture against sky
frame scales with your scroll — 60% → 100%

Scroll is a timeline. We treat the wheel like a playhead — every frame of this scene is a position, not a moment, so the story runs at exactly the speed you read it.

04 — parallax depth

Soft violet and blue gradient abstract

Depth is a
speed difference.

Three layers, three velocities. The background drifts, the image holds, the type leads. Your eye reads the offset as space.

06 — hover-reveal gallery

Selected
work

08 — sticky stacking cards

How we
build motion

A

Storyboard the feeling

Before a single keyframe, we name the emotion each interaction should leave behind. A press should feel decisive. A reveal should feel earned. We sketch timing charts on paper, like animators do.

Vivid abstract wash of pink and blue color
B

Prototype in the browser

Motion can't be approved in a static comp. We build the real thing early — transform and opacity only, compositor-friendly, measured against a 60fps budget on mid-range hardware, not our own machines.

Iridescent 3D rendered abstract form
C

Tune the easing

The difference between "fine" and "expensive" is the curve. We hand-tune every cubic-bezier and lerp factor until the motion has weight — then we cut 20% of the duration, because confidence is fast.

Pastel 3D geometric shapes arranged in soft light
D

Respect the reader

Every effect ships with an exit: reduced-motion users get a calm, fully readable page; touch devices get native scrolling; keyboards get visible focus. Motion is a layer, never a wall.

Concert crowd under warm stage lights

05 — magnetic buttons

Got something
that should move?

We take on four projects a year. Tell us about yours.

hello@kinesis.studio back to top