Welcome to Oshon · v1.0  ·  Now in public beta for enterprise teams Read the launch notes
Now in early access · founding-customer pricing

Ship your data-heavy
enterprise app months sooner.

Everything shadcn, MUI, and AG Grid make you assemble yourself — already built, integrated, and enterprise-ready. 50+ components and 6 app shells that auto-scale from 50 rows to a million.

pnpm add @oshon-ai/components copy Explore the live demo → Book a 15-min walkthrough
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
Acme Bank +18%
Globex +12%
Initech −4%
Umbrella Health +7%
Hooli +22%
Sales-ops Live AI-tagged Internal Needs review Q3 Archived (2)
Quarterly quota
$15M of $19.2M
Built with
Live · not a screenshot

Don’t take our word for it. Poke the real table.

The Oshon DataTable is running right below — sort columns, filter, quick-search, select rows, change the page size. It’s the same component that virtualizes to a million rows without you re-architecting a thing.

Data table
ord-0001Acme Co.$100pendingNA
ord-0002Globex$195paidEU
ord-0003Initech$290shippedAPAC
ord-0004Umbrella$386cancelledLatAm
ord-0005Wayne Ent.$481pendingNA
ord-0006Stark Ind.$576paidEU
ord-0007Wonka Inc.$671shippedAPAC
ord-0008Cyberdyne$767cancelledLatAm
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 · How Oshon compares

Everything shadcn, MUI, and AG Grid
make you assemble — already built.

Matching Oshon means gluing a component library to a separate data grid, then hand-building theming, role-based access, and audit logging across the seam — and maintaining it as each dependency moves. Here's the same capability surface, side by side.

Capability comparison: Oshon versus shadcn/ui, Material UI, and AG Grid Enterprise.
Capability Oshon shadcn/ui Material UI AG Grid Enterprise
50+ components & a full design system Built in Yes Yes Grid only
Data grid to ~1M rows, built in Built in Bring your own Paid add-on Yes
Auto-density: card → paginated → virtualized → infinite One prop Virtualization
RBAC + audit events in every component Built in
Pre-assembled app shells (dashboard, settings, auth) 6 shells Blocks Paid templates
One-call white-label theming 3-seed palette Manual CSS vars Theme config Limited
WCAG 2.2 AA, axe-checked in CI Enforced Radix a11y Good Partial
MIT-licensed core, free to evaluate Yes Yes Core Community only

Reflects each project's default, out-of-the-box offering as of 2026. Competitors can close some gaps with paid add-ons or custom code — that integration work is exactly what Oshon removes.

— Section 04 · Questions, answered

The questions enterprise
teams ask first.

Is Oshon production-ready? Who's using it?

Oshon is in early access. The component library, the data grid, and the six app shells are built, documented, and tested. We're onboarding founding customers now at founding-customer pricing — and the MIT-licensed core (tokens, primitives, components) is free and public on npm, so you can evaluate the real thing today with zero commitment.

Is there lock-in if we adopt it?

No. The core is MIT-licensed — you own the code outright. The commercial packages (the data grid, governance, brand-forge) are the paid layer, and if a license lapses you keep perpetual use of the last v1.x version you installed. No kill switch, no forced upgrade.

Which React and frameworks does it support?

React 18 and 19, Server-Components-first. It runs on Next.js (App Router) and also on Vite, Remix, and Astro. Every component is TypeScript-native with full types — no @types package to chase.

How accessible is it, really?

WCAG 2.2 AA is the floor, not an afterthought. Every component is axe-checked in CI — an accessibility violation fails the build. Keyboard focus, ARIA roles, and colour contrast are handled by default, so you inherit them instead of retrofitting them.

How does theming and white-labeling work?

There are no hardcoded colours anywhere — every colour flows through design tokens. Call createTheme with up to three seed colours and the entire system, all 44 shades, restyles. Dark mode inverts automatically. One system, any brand.

How do licensing and renewals work?

An annual license, per major version. Year 1 includes every v1.x update while you're licensed. Renew at 30% off for as long as you stay on v1. v2 ships as a separate license when it's ready. 7-day refund, no questions asked.

  • MIT core — free to evaluate
  • 7-day refund, no questions
  • No lock-in — you own the code
  • Perpetual use if a license lapses
— Section 05 · 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 rebuilding what every
enterprise app already needs.

Start where other teams finish — data grid, app shells, theming, RBAC, and audit already wired together. Evaluate the MIT core free, or license the full system with a 7-day refund.

MIT core, free forever · No lock-in · 7-day refund on every license