@efektif/ui

React web components, CSS theme, and shared design-system primitives for Efektif apps.

Install

bun add @efektif/ui @efektif/hooks @efektif/tokens

Peer Requirements

• React 19 or newer
• React DOM 19 or newer
• Tailwind CSS 4 or newer

CSS

import '@efektif/ui/theme.css'

Usage

import { Button, Card, CardContent } from '@efektif/ui'

export function Example() {
  return (
    <Card>
      <CardContent>
        <Button>Continue</Button>
      </CardContent>
    </Card>
  )
}

Included Primitives

• Button, ActionIcon, Badge, Card, Alert
• Label, Input, TextInput, Textarea, JsonInput
• Checkbox, Switch, Select
• Dialog, Sheet, ConfirmDialog, ConfirmDialogProvider, Menu, Tooltip, TooltipProvider
• ToastProvider, toast
• Command, CommandPalette
• ScrollArea, Collapse, Tabs, SegmentedControl
• Table, DataTable, CodeBlock, CopyButton
• EmptyState, PageHeader, Stat, StatCard
• KanbanBoard, PipelineBoard, CalendarView, InvoicePreview

The package follows Efektif source ownership:

• Radix for accessible interaction.
• CVA for variants.
• Tailwind CSS 4 utility classes.
• Semantic CSS variables from the single Efektif purple brand theme.