Welcome to Oshon · v1.0  ·  Now in public beta for enterprise teams Read the launch notes
NEW · The pre-built design system for data-heavy enterprise products

The pre-built design system
for data-heavy enterprise products.

66 compact components and 6 pre-assembled app shells — header, side nav, page toolbar, panels, dashboard, widgets — that auto-scale from 50 rows to a million.

pnpm add @oshon-ai/components copy See the Shells → Talk to enterprise team
acme-corp / operations / dashboard live · 60fps ⌘K
Q4 2026 · 11 of 12 weeks
Sales operations
AI summary ready · 12 anomalies flagged this week · tap to review
Owner: All Stage: All Region Date Saved + Add filter
ARR · current
trailing 12m
$48.2M
Net retention
last quarter
114%
Pipeline
closing this Q
$12.6M
Sales · 7-day
By segment
0 $50K $100K $150K $200K MonTue WedThu FriSat Sun
Revenue · by segment
$48.2M total
Enterprise42%
Mid-market31%
SMB18%
Other9%
Top accounts
by ΔARR · last 30d
Polestar Bank +18%
SignalCore +12%
Mosaic Labs −4%
Helio Health +7%
Ledgerline +22%
Sales-ops Live AI-tagged Internal Needs review Q3 Archived (2)
Quarterly quota
$15M of $19.2M
Adopted by
01 · App Shells

You don't have to design these. We already did.

Every enterprise app needs the same six structural pieces — global header, navigation, page toolbar, content panels, filter rails, dashboard widgets. Most teams spend the first three months designing them. With Oshon, you import them.

OSHON Search products, orders…
Logo · search · alerts · settings · avatar · ⌘K palette

Global Header

8 layouts

Logo, command search, notifications, theme switch, avatar, and ⌘K palette — wired together, themeable, and configurable via slot props.

NAVIGATION
Dashboard
Pipeline 12
· Active deals
· Closing this Q
· Won / lost
Accounts 248
Reports

Side Navigation

3-tier hierarchy

Collapsed 56px rail + expanded 240px panel. Three navigation levels with L2/L3 cascade, badges, and keyboard-accessible focus order.

Operations / Pipeline Q3 Sales Dashboard Table Kanban Chart ● Live Export ▾
Back · breadcrumb · title · view switcher · status · CTA

Page Toolbar

10 variants

Back · breadcrumb · view switcher · status · CTA. Ten configurations across list / detail / dashboard / settings views, no bespoke layouts needed.

PAGE CONTENT
Details
STATUSIn review
OWNER•••
CREATED•••
REGION•••

Right Panel

9 variants

Context drawer for selection details, edit forms, audit logs. Slide-in / pinned / overlay modes with a permission-aware footer.

FILTERS Reset
STATUS
Open Won Lost
OWNER
Maya O.
Sam R.
Devi P.
RESULTS · 248

Filter Panel

6 layouts

Left filter rail with chip groups, checkbox lists, range sliders, and search. Bound to the URL, restorable, screen-reader friendly.

ARR $48.2M +22%
RETENTION 114% +4.1pt
PIPELINE $12.6M −6%
QUOTA 78% of $19.2M
SALES · 7-DAY
SEGMENT

Dashboard Widgets

5 widget types

Fixed-grid KPI tiles: metric · donut · grouped bar · trend list · tracking item. Pixel-aligned to a 276×144 base unit so layouts always stay tidy.

Every shell ships with a Code Connect mapping and a Storybook entry per layout. Browse all 6 shells →
— Section 02 · Data-adaptive components

One component, six regimes.
It adapts as your data grows.

Every other library asks you to choose: <Table> for small data, <VirtualizedTable> for big data, and a custom rewrite when you outgrow the first. Oshon has one <DataTable>. Pass it a density prop. The component picks the right mode automatically.

1 – 50 rows density="card"

Card list

Render every row · no chrome

50 – 500 rows density="standard"

Standard table

Render all rows · sticky header

NAMEOWNERAMT
500 – 5k rows density="paginated"

Paginated

Page-by-page · server cursor

12312
5k – 50k rows density="virtualized"

Virtualized

Windowed rows · sticky header

50k – 1M rows density="server"

Server cursor

Stream from DB · windowed

CURSOR
↓ stream next 5k
1M+ rows density="infinite"

Infinite scroll

No cap · request-on-demand

loading more…
Change one prop. The component switches modes. No fork, no rewrite when you outgrow 5k rows. See DataTable in action →
— Section 03 · Pricing

Annual license. 30% off every renewal.

Year 1 covers everything in v1, including all v1.x updates while you're licensed. Renew at 30% off — every year you stay in v1. v2 ships as a separate license when it's ready; v3 ships as a separate product. 7-day refund, no questions asked.

Solo

For a single developer or designer building one enterprise application.

$999/year
Year 1 · renews at $699/yr
1 seat
  • Access to every Pro component
  • All v1.x updates included while licensed
  • Figma files included
  • Unlimited projects
  • Email support
  • 7-day refund
Buy now →

Team

For an enterprise app team — 5 named seats with priority support.

$4,999/year
Year 1 · renews at $3,499/yr
5 named seats
  • Everything in Solo
  • 5 named seats
  • Priority support
  • License-holder seat management
  • Shared Slack channel for support
  • Up to 100k rows per virtualized DataTable
Buy now →

Enterprise

For 50+ seats, regulated industries, on-prem, or platform white-labeling.

Custom
From $75k/yr · annual contract · SLA included
  • Unlimited seats
  • Multi-tenant white-label (resell to your customers)
  • SOC2 / DPA / vendor security review
  • 99.9% SLA + dedicated support engineer
  • On-prem deployment option
  • Custom Brand-Forge profile + audit retention
  • Architectural review + roadmap influence
Talk to sales →

Stop designing the parts every app has.

Start your project where every other team finishes theirs — with the headers, navigation, panels, and dashboards already in place.