Skip to content
TekiVex UI

Get started in 60 seconds

Install

Section titled “Install”
Terminal window
npm install tekivex-ui

Three steps to a working app

Section titled “Three steps to a working app”

  1. Wrap your app in ThemeProvider and load the stylesheet once.

    import { ThemeProvider } from 'tekivex-ui';
    import 'tekivex-ui/styles';
    

    export default function App() {
      return (
        <ThemeProvider mode="auto">
          {/* your routes */}
        </ThemeProvider>
      );
    }

    mode="auto" reactively follows the user’s OS dark/light preference.

  2. Use any component.

    import { TkxCard, TkxCardBody, TkxButton, TkxBadge } from 'tekivex-ui';
    

    export function Hello() {
      return (
        <TkxCard>
          <TkxCardBody>
            <TkxBadge variant="success">v2.7 ready</TkxBadge>
            <TkxButton style={{ marginLeft: 12 }}>Click me</TkxButton>
          </TkxCardBody>
        </TkxCard>
      );
    }

  3. Configure your bundler (most don’t need any config). See the Bundlers page for Vite, Webpack 5, Next.js, Remix, and the rest of the matrix.

What’s next

Section titled “What’s next”
  • Bundlers — copy-pasteable configs for every major bundler.
  • Theme & dark mode — auto/light/dark, custom themes, palette generators.
  • Components — every component, every prop, with live previews.
  • Templates — full-page layouts you can copy verbatim.

Peer requirements

Section titled “Peer requirements”
  • React 18 or 19
  • TypeScript 5.0+ (optional, but the types are first-class)
  • Modern bundler with ESM + conditional-exports support (Vite, Webpack 5+, Parcel 2, Rollup, Next.js 14+)