Blocks
Whole screens and sections, assembled from the same components the rest of these docs cover. Every block is real, running code — read it, copy it, and change the parts that are yours.
Nothing here is a new dependency: a block is a file you own, so there is no Block component to import and no API to learn.
Application
Analytics dashboard
A full app shell: collapsible sidebar, a KPI row, a trend chart, and a sortable table of recent activity.
Overview
Key metrics
- Revenue
- Forecast
| Month | Revenue | Forecast |
|---|---|---|
| Jan | $42,000 | $40,000 |
| Feb | $46,500 | $44,000 |
| Mar | $44,200 | $47,000 |
| Apr | $52,800 | $50,000 |
| May | $58,100 | $54,000 |
| Jun | $61,400 | $58,000 |
Deals closing this month
View all| Closing | ||||
|---|---|---|---|---|
| Northwind Traders | Ada Lovelace | Won | $24,000 | 2 Jun |
| Contoso | Grace Hopper | Negotiating | $18,500 | 4 Jun |
| Fabrikam | Alan Turing | Qualifying | $9,200 | 7 Jun |
| Tailspin Toys | Katherine Johnson | Won | $31,750 | 9 Jun |
| Adventure Works | Margaret Hamilton | Negotiating | $12,400 | 11 Jun |
Account settings
A tabbed settings page — profile fields, notification switches, a plan chooser, and a destructive action behind a confirmation.
Settings
Manage your profile, how you are notified, and what you are billed.
Team members
A members table with search, per-row role menus, an invite dialog, and an empty state for a team nobody has joined yet.
Team
6 people have access to the Northstar workspace.
| Actions | |||
|---|---|---|---|
| Owner | Active | ||
| GHGrace Hoppergrace@northstar.io | Admin | Active | |
| ATAlan Turingalan@northstar.io | Member | Active | |
| KJKatherine Johnsonkatherine@northstar.io | Member | Active | |
| MHMargaret Hamiltonmargaret@northstar.io | Member | Invited |
Pending requests
No requests to review
When someone asks to join the workspace, their request waits here for an owner or admin to approve.
Authentication
Sign in
A centred sign-in card with provider buttons, a remembered-session checkbox, and inline field validation.
Sign in to Northstar
Use your work account. Single sign-on is available on the Team plan.
New here? Create an account
By signing in you agree to the terms of service and privacy policy.
Split sign-up
A two-column create-account screen: the form on one side, social proof and a feature list on the other.
Create your account
Free for 14 days. No card required, and nothing renews on its own.
Already have an account? Sign in
Marketing
Pricing tiers
Three plans with a monthly/annual switch, a highlighted recommendation, and a per-plan feature list.
Pricing that stops at the seat count
Every plan includes the whole product. What changes is how many projects and people it has to carry.
Starter
For a side project that hasn't found its shape yet.
$0/seat /month
Billed annually
- Up to 3 projects
- One seat
- Community support
- 7-day activity history
Pro
Most popularFor a small team shipping to real users every week.
$19/seat /month
Billed annually · $228/year
- Unlimited projects
- 10 seats included
- Priority email support
- 12-month activity history
- Custom domains
Extra seats prorated
Team
For an organisation with compliance to answer to.
$77/seat /month
Billed annually · $924/year
- Everything in Pro
- SAML single sign-on
- Audit log and data export
- Dedicated environment
- 99.9% uptime SLA
Extra seats prorated
Prices exclude VAT. Non-profits and students get 50% off — apply here.
FAQ and contact
An accordion of common questions beside a support card — the pattern most marketing pages close on.
Frequently asked questions
Everything teams ask before they roll Northstar out. If yours isn't here, the answer is one message away.
AI & Chat
Assistant panel
A working chat surface: conversation history, attachments, a typing indicator, and a composer that sends.
Revenue assistant
Reading churn-q2.csv
Answers are generated and can be wrong. Check anything you act on.
Build one of your own
Blocks are ordinary compositions — no wrapper, no configuration, no registry to publish to. Start from the component that carries the layout and add the rest around it.
Install the library