Add the package.

One package and four peer dependencies. Add the data-grid peers only if you use the grid; everything else ships in the core.

1 · Core + peer dependencies

Terminal

# the library
npm install @tarva/ui

# required peers
npm install react react-dom tailwindcss next-themes

2 · Optional peers — only what you use

Terminal

# headless data grid (MIT, recommended)
npm install @tanstack/react-table @tanstack/react-virtual

# enterprise grid (opt-in)
npm install ag-grid-community ag-grid-react

3 · Load the Lumos theme

app/layout.tsx

// after your Tailwind layers — ships with the Lumos theme package
import '@tarva/ui/styles.css';
import '@tarva/ui/themes/lumos-aesthetics-wellness/tokens.css';
import '@tarva/ui/themes/lumos-aesthetics-wellness/fonts.css';

That is the whole install.

Core components, the token system, and the self-hosted Editor's Note + Be Vietnam Pro faces are now available. Theming comes next.

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait