Tekivex UI
Enterprise Component Library for React, Vue & Svelte
Preview · v0.1.0 · MIT licensed
Enterprise Component Library for React, Vue & Svelte
Production-ready UI component library built for enterprise apps — buttons, forms, modals, tables, toasts, navigation, and layout primitives. Fully accessible (WCAG 2.1 AA), dark/light theme support via CSS custom properties, tree-shakeable ESM bundles, and zero runtime dependencies. React 18+, Vue 3, and Svelte 5 bindings included. MIT-licensed.
Key capabilities
- 50+ production-ready components — buttons, inputs, selects, modals, drawers, toasts
- Fully accessible — WCAG 2.1 AA compliant with ARIA roles and keyboard navigation
- Dark / light / high-contrast themes via CSS custom properties
- Tree-shakeable ESM — import only what you use, zero runtime dependencies
- React 18+, Vue 3, and Svelte 5 bindings with idiomatic APIs
- Headless primitives for full style customisation without overrides
- Composable layout system — Stack, Grid, Flex, Container, Divider
- Form toolkit — validation, error states, field groups, and controlled/uncontrolled modes
Resources & quick links
What is Tekivex UI?
Tekivex UI is an enterprise component library with 50+ accessible components — buttons, inputs, selects, modals, drawers, toasts, navigation, and layout primitives — plus a headless layer for full style control. It ships React 18+, Vue 3, and Svelte 5 bindings with idiomatic APIs, so design decisions stay consistent across frameworks.
It is in Preview. The component set, theming system, and accessibility work are usable today; we are expanding coverage and stabilising APIs ahead of a 1.0. Everything is WCAG 2.1 AA, tree-shakeable ESM, and ships with zero runtime dependencies.
How it works
- Install only what you use. Components are distributed as tree-shakeable ESM, so your bundle includes only the parts you import — the core stays under 8 KB.
- Theme with CSS variables. Dark, light, and high-contrast themes are driven by CSS custom properties, so you can re-theme the whole library without overriding component styles.
- Drop to headless when needed. Each component exposes a headless primitive, so when the styled version is not enough you keep the behaviour and accessibility while supplying your own markup.
When to use Tekivex UI
- Enterprise apps that need accessible components out of the box (WCAG 2.1 AA) without a heavy runtime.
- Teams shipping the same design system across React, Vue, and Svelte codebases.
- Products with strict bundle budgets that benefit from tree-shakeable, zero-dependency components.
- Design systems that need headless primitives for full visual customisation.
Limitations & honest trade-offs
- Preview: the component set is still growing and APIs may change before 1.0.
- As a deliberately lightweight library, it focuses on core primitives rather than a vast catalogue of niche widgets.
Frequently asked questions
Is it accessible by default?
Yes. Components are WCAG 2.1 AA compliant with ARIA roles and full keyboard navigation built in, not bolted on.
Can I use it with Vue or Svelte, not just React?
Yes — React 18+, Vue 3, and Svelte 5 bindings ship in the box with idiomatic APIs for each.
How do I customise the look?
Re-theme via CSS custom properties for dark/light/high-contrast, or drop to the headless primitive of any component to supply your own markup while keeping the behaviour and accessibility.
Tekivex · open-source enterprise developer tools · MIT licensed · Products · Use Cases · About · TekiVex UI