React·TypeScript·Tailwind CSS
Venator

Build fast.

Scale correctly.

A React + TypeScript UI system. Primitives, structural patterns, and full application architectures, all layered, all opt-in, shipped via CLI.

venator - zsh - 100×28

Architecture · 01

Three layers.
Adopt any one of them.

A strict, one-way dependency chain: ui → patterns → architectures. Each layer works on its own. None of them force the next.

01

@venator-ui/ui

UI primitives

Typed, accessible, composable React components. Import what you need, extend with className. Nothing opinionated about composition.

28 components · 0 dependencies
02

@venator-ui/patterns

Structural patterns

Reusable compositions that define how UI is arranged into pages. Layout scaffolds, not content. You fill them in.

9 patterns · 0 opinions
03

@venator-ui/archetypes

Application architectures

Complete architectures deployed via CLI. Once scaffolded the code is yours: no runtime dependency, no lock-in.

3 archetypes · CLI-deployed

Archetypes · 02

Run the CLI.
Ship this on Monday.

One command scaffolds a complete architecture. Sidebar navigation, header, module grid, tokens wired in. The output is yours: extend it, delete half of it, it's code, not config.

https://dashboard.venator.app/analytics

Analytics

Last 30 days · updated just now

Revenue

$128,402

+12.4%

Active users

24,891

+8.1%

Sessions

89,233

+4.7%

Conv. rate

3.42%

-0.6%

Sessions over time

Apr 01 – Apr 17

Primitives · 03

Every primitive you'll need.
None you won't.

Accessible, composable, typed primitives. Built with Tailwind CSS and design tokens.

Button

Badge

DefaultPrimaryActivePendingFailed

Input

Switch

Notifications
Analytics

Checkbox

Slider

062100

Progress

Building67%
Deploying24%

Kbd · Tooltip

Press K to search

Tabs

Primitives are accessible by default.

Table

PackageVersionStatus
tokens0.1.2ready
ui0.1.3ready
patterns0.1.1beta
archetypes0.1.7beta

Live · 04

A playground, not a docs page.
Try it before you install.

Every primitive is tweakable in-browser. Props on the left, rendered component in the middle, generated JSX on the right.

<Button />@venator-ui/uiP
// Generated JSX, copy-paste ready
import { Button } from "@venator-ui/ui";
<Button variant="primary" >
<ArrowRightIcon /> Get started </Button>

Why Venator · 05

Opinionated about structure.
Unopinionated about everything else.

Structure is the thing that's hard to change once a project grows. Venator gets it right on day one, so you can change the rest freely.

Zero runtime weight

Tree-shakeable, no CSS-in-JS, no provider.

Fully typed

Strict TypeScript in every package.

CLI-deployed archetypes

Scaffold complete architectures in one command.

Four adoption levels

Start with a Button. Scale to a full app.

No lock-in

Archetypes are copied. The code is yours.

Accessible by default

WAI-ARIA patterns wired in from the primitive layer.

Stop solving the
same problems.

Deploy an architecture once. Scale it across every project you ship.