close
kovax-react v0.8.0 · 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, pagination, 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. Menu for anchored menus, 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, Menu, 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.