The Kinetic Blog
Motion, shipping every week
Product updates, runtime deep-dives, and stories from teams building interactive animations with Kinetic.
KINETIC
60 fps · v2.4
New pricing
New pricing goes live October 1, 2026. Start a project now to lock in Kinetic at the lowest price it will ever be.
LayersAssets
Pages +
Round 1 review 5/8
Player explorations
Sign-in screen
Archive
Layers
N / Northwind / Detail
N / Northwind / Browse
N / Northwind / Filters
Group 2
Browse
Palm TreesSheila Great
Filters (4)
GenreAmbient · Lo-fiMoodFocus · Chill
My Mixtape
Whalesong
Tuesday Morn
Sisters
Tuesday Morn
Sisters
Developer
Designer
Copywriter
DesignPrototype
Page
E0E0E0 · 100%
Local variables
Text styles
Handheld
Desktop
Color styles
Kinetic brand
Northwind's new homepage is full of Kinetic scenes
Northwind shipped a redesigned marketing site powered end-to-end by interactive Kinetic scenes.
kinetic_hero● REC
physics_system.dart M ×
lib > systems > physics_system.dart > RenderSystem > exec…
73
1 * window.devicePixelRatio,74
duration: const Duration(milliseconds: 200),75
curve: Curves.easeOut,76
);77
_dynamicPosition.setTarget(78
_heroRenderer.offset +79
_heroRenderer.bounds.center() +80
kinetic.Vec2D.fromValues(0, -300),81
duration: const Duration(milliseconds: 400),82
curve: Curves.easeOut,83
);84
break;85
case GameStatus.playing:86
_dynamicPosition.setTarget(87
_heroRenderer.offset + _heroRen…88
duration: const Duration(milliseconds: 600),89
curve: Curves.easeOut,90
);92
_dynamicZoom.setTarget(93
baseZoom * 5 * window.devicePixelRatio…⎇ main*⊘ 0 ⚠ 0 ⓘ 2Debug my code #21573b
Driving a game camera with the Kinetic runtime
How the Kinetic runtime powers responsive characters and cameras — straight from your Dart game loop.
Set default State Machine ▾
100%
DesignAnimate
Assets+
motion.json
Background
Fill
Drag-and-drop JSON, meet the timeline
Importing Lottie and JSON animations is now a single drag straight into the Assets panel.