Menu

Meet kovax-react: a typed React UI library with CSS-variable theming
πŸ–ΌοΈ

Meet kovax-react: a typed React UI library with CSS-variable theming

DEV CommunityΒ·Aleksey AlekseevΒ·6 months ago
#Km3lDCMN
#react#typescript#opensource#ui#kovax
Reading 0:00
15s threshold

I just shipped kovax-react 0.5 β€” a small, typed React UI library aimed at apps that want layout primitives + forms + overlays + tables + design tokens without dragging in a framework. This post is a quick tour: what's inside, what's new, and how to try it in 60 seconds.

πŸ“¦ npm: kovax-react

πŸ§‘β€πŸ’» Repo: github.com/MrKamura/kovax

πŸ§ͺ Live docs & playground: mrkamura.github.io/kovax

TL;DR

Typed design tokens ( themeToken , colorToken ) for colors, spacing, radii, typography, shadows, motion, z-index, breakpoints.

ThemeProvider injects CSS variables ( --kx-* ), supports light / dark / system color modes, scoped subtrees, palette overrides , and CSP nonce β€” SSR-safe with hex fallbacks.

30+ components : Box , Flex , Grid , Stack , Heading , Text , Button , Input , Textarea , Checkbox , Radio , Switch , Select / useCombobox , FormControl , Tabs , Accordion , Alert , Progress , Tooltip , Popover , Dialog , Modal , Toast , DatePicker , Table / DataTable , and now Avatar + Badge .

Deep imports for smaller…

Continue reading β€” create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.