kovax-react · live workspace

Kovax playground

Try components with Preview / Code, or read the same Markdown from the repo — responsive layout and sticky navigation.

Support development

Donations help grow kovax-react — new components, documentation, and stability.

Live demos

Sidebar categories mirror real usage: layout, forms, overlays, tabs, accordion, alerts, progress, date picker, tables, and more.

Docs mirror

The Documentation tab renders bundled docs/**/*.md — props tables and prose stay in sync with the repo.

Hot reload

The playground aliases kovax-react to library source — edits to components reflect here instantly.

Sponsored by

Corporate sponsors help sustain kovax-react. Logo placement by tier (USD per month).

$50 / mo

Your logo in the README

Your logo

$200 / mo

Logo in README + on this live site

Your logo

$500 / mo

README + live site + thank-you in release notes

Your logo

Interested in a tier? Use the support links in the section above or reach out via Boosty.

Setup & tips

Components import from src/ via the kovax-react alias — library changes show up here immediately.

Full copy from docs/ (props tables, guides) lives under Documentation in the header. Live component demos: Components, then pick a sidebar item — e.g. Overlays for Tooltip, Popover, Modal, Toast, and Dialog, Tabs for the tablist primitives, Accordion for Collapsible / Accordion, Alert for inline banners, Progress for linear and circular bars, or Date picker for react-day-picker wrappers (Preview / Code tabs). The same material appears under Documentation as Markdown (Overlays, Tabs, Accordion, Alert, Progress, Date picker).

Each example has Preview and Code tabs.

Run locally

From the repo root: npm install, then npm run dev:playground (production build: npm run build:playground). Extra Vite flags: npm run dev -w kovax-playground -- --host.