Client Portal, in plain language.

Client Portal is a dashboard you can ship in an afternoon. Composable primitives, server-rendered by default, and theme-able from the ground up.

Built on Server Components, so the first paint is HTML. No client-side JS to hydrate before users see something useful. Charts, tables, and metric cards are composable primitives that you assemble like Lego.

Theming is wired through CSS variables: light, dark, and any brand palette in between. Edge-ready API routes stream responses where they help, and prefetch where they don't.

Took two hours to drop in, replaced six different libraries, and the bundle is half the size.

@ravnen, Founding Engineer at Vela

What’s inside

Composable, batteries included.

Each piece is small enough to swap out, but they’re wired together so you don’t have to do that wiring yourself.

Server Components first

Zero client JS for the initial paint. Hydration is lazy and per-island. The bundle stays tiny no matter how complex the dashboard.

Composable charts

Sparklines, candles, heatmaps, areas, all from one tiny primitive layer. Animatable and a11y-first.

Token-based theming

Swap palettes, radii, and density via CSS variables. Light, dark, and any brand palette, instantly.

app/dashboard/revenue.tsxtsx

1import { Card, Sparkline, Stat } from '@atlas/ui';2import { getRevenueSeries } from '@/lib/data';3 4export default async function RevenueCard() {5  const series = await getRevenueSeries();6  return (7    <Card title="Revenue">8      <Stat value={series.total} delta={series.delta} />9      <Sparkline data={series.points} />10    </Card>11  );12}

Edge-ready

Streamed responses

RBAC out of box

Roles + scopes wired

MDX docs

Drop-in storybook

Built with

The stack you already know.

Next.js
React
Tailwind
Server Components
Edge

License

Honest terms, zero surprises.

Full source code

Every product ships with readable source you can audit, fork, and ship to production.

Commercial use

Use in client work, paid SaaS, or production deployments. No per-seat fees, no royalties.

Lifetime updates

Buy once. Every patch, feature, and major release is yours for as long as the product exists.

Buyer protection

Pre-download refunds are self-serve. After download, escalate to SudoSell if a genuine seller-caused defect isn't fixed.

Reviews

Questions & answers

Loading…