Storybook Navigation

Interactive UI primitive verification within the isolated Storybook environment.

The ecosystem hosts a fully configured Storybook instance that runs independently from the Next.js production router. This allows us to visually test all 34 structural components in isolation with granular addon-controls, simulated viewports, and deep accessibility tracking using axe-core.

Integration Highlights

Vite Bundler: Driven entirely by @storybook/react-vite to provide near-instant HMR preview reloads parallel to the Next.js ecosystem.
A11y Validations: Native @storybook/addon-a11y bindings inject live contrast matching and ARIA role conformance metrics across all component states automatically.
Zero-Config Styles: Resolves @designforge/themes via styles.css natively so components appear correctly within Storybook without relying on Next.js Tailwind loaders!

Open Storybook

Storybook automatically mounts all .stories.tsx files located inside packages/ui and groups them systematically.

Launch Main Storybook

(Note: Ensure your local environment is currently running pnpm run storybook inside your terminal!)