Skip to content
xptio
BlogFeeds

kpbm / Animation studies / 01—10

One CV.
Ten different worlds.

Travel sideways, enter a room, explore an orbit or open a book. Ten complete CV experiences, each with its own layout and way to move.

Back to the CV ↗
GSAP↗

The travelling stage

A horizontal theatrical journey through the full CV, driven by vertical scrolling.

Three.js↗

Orbital archive

Fly past a metallic orbital sculpture and starfields to discover floating CV dossiers.

Anime.js↗

The living blueprint

An asymmetric engineering schematic with wired chapters, scanning reveals and drawn circuits.

Framer Motion↗

Elastic editorial

A violet and coral bento canvas: drag the hero and expand projects into spring-driven layouts.

ScrollMagic↗

The oversized issue

A paper-and-ink magazine with pinned chapter mastheads, diagonal panels and a travelling reading line.

Mo.js↗

Make some noise

Acid-yellow posters, giant stamped lettering and explosive geometric chapter entrances.

Theatre.js↗

A motion picture

A widescreen CV in seven acts: cinematic zooms, sweeping spotlights, film posters and rolling credits.

Popmotion↗

The physics desk

A Bauhaus playground of draggable project windows, spring-loaded skills and tactile controls.

Lottie↗

The unfolding book

An illustrated CV where cities, gardens and bridges rise from animated book pages.

Barba.js↗

Rooms of a career

Enter separate CV rooms through full-screen architectural doors and cinematic page transitions.

All versions respect reduced motion. Animation can also be turned off inside each study.

© 2026 xptio
BlogFeedsPrivacy
Back to top