Interactive showcase / 01
Built to be touched.
A working tour of the foundations already wired into this starter. Change state, trigger feedback, switch themes, and move through the layout system.
01
StateRedux Toolkit
02
FeedbackSonner Toast
03
LayoutFlow / Full / Snap
State & feedback / 02
State you can see.
Every control dispatches through the typed Redux hooks. Sonner confirms the same action without blocking the flow.
store.counter.value
Theme & layout / 03
One system, multiple modes.
Theme tokens update every surface together. This page itself uses the snap mode, while the same primitives also support natural and full-height flows.
Theme provider
One token system, three preferences.
Screen modes
01flow
Natural document rhythm02full
Viewport-sized sections03snap
Focused slide navigation