Overview
Introduction
Asset UI is a React toolkit for embedding live financial data — revenue, cashflow, operating expenses, tasks, and document requests — into any product, with full control over presentation.
What is Asset UI?
Asset UI is a three-layer system. The base layer is a set of headless compound components that handle data fetching, loading, error, and empty states internally — they render nothing on their own. On top of that, a styled package provides a default theme and all the building-block primitives you need. Finally, you can skip the styled layer entirely and drop Asset primitives into your own design system.
Packages
| Package | Purpose |
|---|---|
@get-asset/sdk | Headless compound components, provider, generated API client. |
@get-asset/react | Styled components and primitives. Re-exports everything from the SDK. |
Design principles
- Headless first. Every piece of logic — fetching, retrying, state machines — lives in the SDK. The styled layer only supplies markup and CSS.
- Compound, not monolithic. Each card is a set of parts (
.Root,.Revenue,.Change, …) that you assemble. Radix-styleasChildlets any part delegate rendering to your own component. - Themeable through CSS variables. The styled layer exposes ~25 design tokens. Swap them at any DOM scope to re-skin — no JavaScript theming layer required.