@vars-ui/react

React primitives for vars-ui.

Install

pnpm add @vars-ui/react @vars-ui/core

Usage

import { Button, Card, Input } from '@vars-ui/react';

export default function Demo() {
  return (
    <Card className="p-4 space-y-3">
      <Input placeholder="Your name" />
      <Button>Primary</Button>
    </Card>
  );
}

Adapters: Tailwind, Emotion/Styled, SCSS, Vanilla-Extract, CSS Vars.

Docs and examples: https://github.com/fayez-kaabi/vars-ui