155 reusable components, one calm visual language. Built from the Crextio direction: warm surfaces, soft yellow, charcoal accents, and plenty of room to breathe.
Every example is interactive and uses fictional information. Example forms validate without saving; your financial records are untouched.
A reusable surface for a little clarity.
Give someday a shape.
Your latest activity.
A little perspective for the day ahead.
Everyday money
Someday plans
Local selection only. This example does not upload files.
Code entry primitive. MFA and email verification are not connected.
Your records will feel right at home here.
A little more clarity.
Use up to two decimal places.
This example could not load.
Your bigger picture.
Created your workspace
Sep 1Brought a balance into view
Sep 3Supplemental text remains in the accessibility tree while visually hidden.
Keyboard-only navigation. Press Tab from the top of the page to reveal the skip link.
Your content is ready.
| Actions | ||||
|---|---|---|---|---|
Emma Wilsonemma@example.com | active | $2,450.00 | ||
Isabella Nguyenisabella@example.com | active | $299.00 | ||
Jackson Leejackson@example.com | pending | $39.00 | ||
Liam Johnsonliam@example.com | paused | $150.00 | ||
Olivia Martinolivia@example.com | active | $1,999.00 | ||
Sofia Davissofia@example.com | active | $450.00 | ||
William Kimwilliam@example.com | pending | $99.00 |
Both grids receive fixed labels and cell placement. They do not infer dates, locale, time zones, or event positions. Time-grid day headers own the single current-date announcement, and direct or wrapped occurrence controls retain their own appearance and 44px target. Controlled focus moves only after the parent returns the one atomic focus-state object containing the exact Grid-issued request token with the accepted active cell.
Example assets less debts
Net worth over time
Monthly cash flow
Example pending row and retryable error. Only the saving row is disabled.
An income regime and verified benefit context are needed before a personalized recommendation can be produced.
Verify the applicable income and benefit context before relying on personalized recommendations.
Partner
Manual records are available. Automatic syncing is not connected.
Schema-driven creation and editing with client and server validation.
A clear home for your balances and accounts.
Know what came in, what went out, and where it went.
Give every income source a place in your plan.
Make room for what matters, one category at a time.
Your upcoming essentials, without the surprises.
Keep track of the little things that add up.
Turn someday into a plan you can see.
Understand your cushion before choosing a target.
Bring what you owe into one clear picture.
Keep federal and private loans clearly separated.
Track your credit evidence and changes over time.
See your holdings, contributions, and allocation.
A place for your longer-term savings.
Keep your coverage and its evidence together.
Track each program separately, with verified context.
Plan around the people who matter to you.
A clear view of your home and other property.
Keep records, dates, and estimates in order.
An index for the evidence behind your plan.
Small steps that keep your finances moving.
Close the month with a little more clarity.
Keep your assumptions and supporting evidence visible.
Make changing income circumstances explicit.
Separate business activity from household money.
Keep important wishes and responsibilities organized.