A story in 15 seconds
Hook · tension · turn · proof · payoff · call to action
Tempo sets the mood
Kinetic
Motion graphıcs foundations
60 sto learn the basics
67live motions
5 minto watch them all
Every tile is a live motion. Tap one to open it.
The basics in 60 seconds
Six lessons · ten seconds each · tap the stage to pause
01 / 06
Easing
- Why
- How
That's the basics.
Now play with every motionThe motion lab
67 motions · slow them down · scrub · copy the code
01 / 67 · Basic · GSAP
Linear vs eased
- Why
- Use
04
What you can make
Tap a format to see its motion in the lab
Pick your tool
Code first · I want to make…
One animation, five ways
Pro tips
Six habits behind professional work · tap to see one
Make it with AI
Copy a prompt, then fill in the brackets
Recommended models for this task
Claude Opus 5.5
GPT-6 Astra
One prompt rarely gets a perfect result. Add context, add detail and refine in rounds. The more you put in, the more unique your result.
Bring your idea to life
The craft above is just the start. The real shift is context engineering (giving the model the right context to work from), and the part that never gets automated is your direction. Hands-on training brings it to your team, and the live masterclass covers what actually works.