EmilyUI

Showcase

Run a local preview surface to inspect generated utilities and component patterns quickly.

Launch showcase

Showcase is useful when you want a focused environment to inspect class output and interaction patterns without your full application context. 

npx emily-css showcase

Best for

  • Reviewing token and utility changes before shipping.
  • Checking spacing, color, and typography rhythm in isolation.
  • Spotting class naming issues during migration work.
  • Quick visual QA for newly generated component patterns.

Not for

  • Final browser QA in real application routes.
  • Performance benchmarking of your production app shell.
  • Replacing your component test suite.
  • Long-term hosting of docs content.

Suggested workflow

  1. Change tokens or config values.
  2. Rebuild generated CSS and manifest.
  3. Run showcase and inspect updated patterns.
  4. Apply final tweaks, then run docs and app checks.
npx emily-css build
npx emily-css showcase
npm run dev

Next step

Use Build profiling to measure and troubleshoot slow generation steps.