Small experiments. Real components.
Feel how a story moves.
Adjust a document, scroll a contained scene, compare two layouts, and see the reading fallback. These examples use the same public components your application imports.
A story you can scrub
Less noise. More focus.
A workspace designed around the work that matters. Start with your product's clearest promise, then show it in action.
Scroll inside this frame
The frame owns its scroll position. The scene, reveals, counter and local parallax all read that root.
The details come into focus.
A late reveal stays readable when a scene becomes too tall.
A real comparison
Drag the divider, or focus it and use the arrow keys.
Horizontal chapters
Scroll the page. With reduced motion enabled, these panels become an ordinary vertical reading flow.
Scroll a real video
Original, four-second schematic interface animation. Scroll through the scene to seek the clip; reduced motion keeps its poster and caption.
Media failure is a readable state
This deliberately missing local file demonstrates an actual error path. Replace the source with your own optimized, licensed video.