Examples

End-to-end reference apps built with @appboxo/ui-kit. Switch tabs to filter by intent, scroll for the live preview, file tree and source of each.

Kitchen Sink

ViteAll componentsBrand toolbar

Single-page kit gallery — every component on one page with a brand toolbar (37 themes) and light/dark toggle. Start here to see the full surface in one scroll.

View source

Try it in your terminal

git clone https://github.com/Appboxo/ui-kit && cd ui-kit/examples/kitchen-sink && pnpm install && pnpm dev

Basic App

ViteStarter

70-line hello world. The minimum @appboxo/ui-kit consumer that still looks like a real screen.

View source

Try it in your terminal

git clone https://github.com/Appboxo/ui-kit && cd ui-kit/examples/basic-app && pnpm install && pnpm dev

Freedom Theme

ViteTheming

Paired example A. Same App.tsx as custom-theme but rendered with the bundled themes/freedom/theme.css.

View source

Try it in your terminal

git clone https://github.com/Appboxo/ui-kit && cd ui-kit/examples/freedom-theme && pnpm install && pnpm dev

Pass Freedom

Next.jsFull appMocked backend

Full 11-page mini-app forked from production pass-freedom. All backend / host calls stubbed. Best soak test for the kit.

View source

Try it in your terminal

git clone https://github.com/Appboxo/ui-kit && cd ui-kit/examples/pass-freedom && pnpm install && pnpm dev