Menu

Post image 1
Post image 2
1 / 2
0

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

DEV Community·Aleksey Alekseev·19 days ago
#Km3lDCMN
#react#typescript#opensource#ui#kovax#badge
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 .…

Continue reading — create a free account

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

Read More