tenvell · 0.2

From the showcase —
to your product.

Components, thin glass and original typography. Add them to a React project or start with a ready-made template.

React194 surfacesJavaScript + typesMIT · OFL fonts

Start with one button

In a React project configured for shadcn, install this working example. It includes the button, theme provider and styles. The source is yours to edit.

tenvell · Button

Clicks: 0

npx shadcn@4.23.0 add https://tenvell.space/r/button-demo.json

import ButtonDemo from '@/components/tenvell/examples/button-demo';

export default function App() {
  return <ButtonDemo />;
}

Try clicking, resetting and switching themes. For a project without shadcn configured, use the starter below.

Start with a template

Version 0.2.1 · ready-to-use archives

View source on GitHub

Starter project216 KB Component package185 KB Source code2913 KB

The starter includes the tenvell package, locked dependencies and a working screen with a chart, notes and a checklist. After extracting:

npm ci
npm run dev

Add to your project

For React 19: npm downloads the archive from this site and installs its dependencies.

npm install https://tenvell.space/releases/0.2.1/tenvell-0.2.1.tgz

import { TenvellProvider, Button, Card } from 'tenvell';
import 'tenvell/styles.css';

export default function App() {
  return (
    <TenvellProvider theme="light" surface="air">
      <Card><Button>Continue</Button></Card>
    </TenvellProvider>
  );
}

Each tenvell scope keeps its own styles and settings. Dialogs and menus inherit the same theme; your product controls the page background and layout.

What's in the core

Buttons and fields, checkboxes and switches, cards and surfaces, select and menus, dialogs, sheet and popover, tabs and accordion, plus basic selection and feedback controls.

Chart shapes are available separately through tenvell/charts and Recharts. An example is included in the starter.

The advanced calendar, table, notifications, messenger and task board are available in the showcase source; they are not separate exports in the initial core package.

Make it yours

theme, surface, accent, radius, density and motion are set on TenvellProvider.

You can use several independent scopes. Theme selection does not affect the document or store product data.

Source code is MIT licensed. Embedded Lamina UI and Lamina Mono fonts use SIL OFL 1.1. Licenses and English instructions are included in the archives.

SHA-256 checksums

tenvell-0.2.1.tgz2b871b91f450124adf8c3b5fd1269e1c737834bfb5e96ef2999d356145645c79

tenvell-starter-0.2.1.zip1ee3fc9d3d09b5d5293f148c7bfc6417a2a531af592a9a158348636ad93bf378

tenvell-source-0.2.1.zip12f9be3fe60bce897b085eade0f5c687e97365cb3362114466f79e6e2e0fc367