Table of contents / Vol. 01
05 / Tools & examples

The developer’s motion toolbox.

Small, useful tools for the details that make animation feel right. No account, upload or runtime required.

01 / CSS

Animation easing generator

Tune control points, preview a transition and copy a valid cubic-bezier declaration.

Find your curve
02 / TIMING

Animation duration calculator

Translate a duration into seconds, fractional frames and beats at your chosen tempo.

Calculate timing
03 / CSS CONCEPT

Robot face playground

Explore five static expression states in an illustrative CSS face.

Try expressions
04 / CONTRACT

Rive input planning desk

Prepare a sample control map before implementing a runtime adapter.

Review the contract
05 / CSS STUDIES

Interactive mascot examples

Explore a character specimen and the difference between a control contract and a finished asset.

Explore concepts
CHAPTER 07 — START A PROJECT

Building something that needs to feel alive?

You build the product. I bring it to life. Share your platform, your idea, and the moments that need motion.

Discuss your project