Is Northwind Landing free?

Northwind Landing is part of Sundae Pro. The live preview is open to everyone; the source installs with a Pro account.

How do I install Northwind Landing?

Run npx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json. The files are written to components/sundae/. It has no dependencies beyond React 18 or later.

Does Northwind Landing support keyboard and screen readers?

Landmarks: header with a labelled primary nav, main, footer with labelled link groups. The logo strip is read once as text; the moving copy is aria-hidden.

Does Northwind Landing respect reduced motion?

Yes. With prefers-reduced-motion set, decorative motion is removed and state changes are instant.

Opening component…

Loading the library…

Northwind Landing

A complete SaaS landing page built from Sundae sections: hero, logo strip, features, metrics, testimonials, pricing, call to action and footer.

View as Markdown

Prov1.0.0Unlock with Pro

Fluid

northwind-landing.tsxnorthwind-landing.cssaperture-hero.tsxaperture-hero.csschapter-features.tsxchapter-features.cssmetric-strip.tsxmetric-strip.csstestimonial-columns.tsxtestimonial-columns.cssodometer-pricing.tsxodometer-pricing.css

Checking access…

Overview

A whole page, ready to make yours. A nav that turns frosted once you scroll leads into Aperture Hero, a paused-on-hover logo strip, Chapter Features, Metric Strip, Testimonial Columns and Odometer Pricing, then a closing call to action with huge type over a fading grid, and a four-column footer.

Every section is a real Sundae component shipped alongside the page, so each one keeps working on its own and can be reordered, removed or reused elsewhere. The nav links scroll to the sections they name.

One installs it all: the page and its five sections land side by side in components/sundae. Light and dark (.dark), the page font, no animation library, and reduced motion respected throughout.

When to use

Starting a whole site or app from a finished, consistent base.

When not to use

Adding one section to an existing design.

Installation

$pnpm dlx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

$npx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

$yarn dlx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

$bunx --bun shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

Works in any React project. Files are written to components/sundae/. Read the source in the stage’s Code view. Pro assets need a personal token. See authenticated installs.

Usage

Example

import { NorthwindLanding } from '@/components/sundae/northwind-landing'

export default function Page() {
  return <NorthwindLanding brand="Northwind" />
}

// Then edit the copy in components/sundae/northwind-landing.tsx.

Props

Prop	Type	Default
`brand` Product name used in the nav, copy and footer.	`string`	`'Northwind'`
`nav` Nav links. Defaults point at the page’s own sections.	`{ label: string; href: string }[]`	`—`
`logos` Names for the logo strip.	`string[]`	`—`

Accessibility

Landmarks: header with a labelled primary nav, main, footer with labelled link groups.
The logo strip is read once as text; the moving copy is aria-hidden.
Each section keeps its own accessibility behaviour (see their pages).

Customization

Edit the copy in place in northwind-landing.tsx; every section takes its content as props.
Colours for the nav, CTA and footer are --nl-* custom properties; each section has its own tokens.
The example quotes and figures are placeholders. Replace them with your own before publishing.

FAQ

Is Northwind Landing free?: Northwind Landing is part of Sundae Pro. The live preview is open to everyone; the source installs with a Pro account.
How do I install Northwind Landing?: Run npx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json. The files are written to components/sundae/. It has no dependencies beyond React 18 or later.
Does Northwind Landing support keyboard and screen readers?: Landmarks: header with a labelled primary nav, main, footer with labelled link groups. The logo strip is read once as text; the moving copy is aria-hidden.
Does Northwind Landing respect reduced motion?: Yes. With prefers-reduced-motion set, decorative motion is removed and state changes are instant.

All templates →

S—481
Pro
S—481
Ledger Dashboard
Templates · Refined
S—018
S—018
Atelier
Templates · Editorial
S—476
Pro
S—476
Aperture Hero
Sections · Refined
S—478
Pro
S—478
Odometer Pricing
Sections · Refined
S—014
Pro
S—014
Ledger Pricing
Sections · Editorial
S—477
Pro
S—477
Chapter Features
Sections · Refined

Opening component…

Northwind Landing

A complete SaaS landing page built from Sundae sections: hero, logo strip, features, metrics, testimonials, pricing, call to action and footer.

View as Markdown

Prov1.0.0Unlock with Pro

Fluid

Northwind

Start free

Northwind 2.0 is here

Know your numbersbefore the meeting.

Revenue, retention and every customer in one calm dashboard. Connect Stripe in a minute and stop rebuilding the same spreadsheet each Monday.

Start free Book a demo

Trusted by finance teams at

Acme, Globex, Initech, Umbrella, Hooli, Soylent, Vandelay, Wonka

Why teams switch

Everything in its place, the moment you need it.

Four things Northwind does quietly every day, so your team doesn’t have to.

Northwind in numbers · last 12 months

Teams reporting weekly: 4,812; Up from 1,904 a year ago
Sync uptime: 99.98%; Measured every minute
Median setup time: 11min; From signup to first report
Revenue reconciled: $2.4B; Across every connected source

What people say

Teams stopped dreading Monday.

A few notes from the people who run their week on Northwind.

“We cancelled three spreadsheets in the first week. The Monday report now writes itself before anyone opens a laptop.” Maya Chen, Head of Finance, Fieldnote
“The only dashboard our board actually reads. Every number says what changed and why.” Tomás Ruiz, COO, Parcel & Co.
“Setup took eleven minutes, including the coffee.” Ines Duarte, Founder, Kinfolk Market
“Permissions finally match how we actually work. Support can see, finance can refund, nobody can break anything.” Sam Okafor, Ops Lead, Lumen Labs
“I used to spend Friday afternoons reconciling. Now I spend them leaving early.” Priya Raman, Controller, Oakroom
“It feels like software made by people who have closed a month-end themselves.” Jonas Weber, CFO, Halcyon
“Our investors asked which tool made our updates so clear. Easiest referral I have ever made.” Ada Lindqvist, CEO, Brightline
“Search across everything is the feature I did not know I needed and now use forty times a day.” Leo Martin, Analyst, Mosaic
“Calm is the right word. Nothing shouts, everything is where you expect it.” Noor Haddad, Product Lead, Tidewater

We cancelled three spreadsheets in the first week. The Monday report now writes itself before anyone opens a laptop.

MCMaya ChenHead of Finance, Fieldnote

Permissions finally match how we actually work. Support can see, finance can refund, nobody can break anything.

SOSam OkaforOps Lead, Lumen Labs

Our investors asked which tool made our updates so clear. Easiest referral I have ever made.

ALAda LindqvistCEO, Brightline

We cancelled three spreadsheets in the first week. The Monday report now writes itself before anyone opens a laptop.

MCMaya ChenHead of Finance, Fieldnote

Permissions finally match how we actually work. Support can see, finance can refund, nobody can break anything.

SOSam OkaforOps Lead, Lumen Labs

Our investors asked which tool made our updates so clear. Easiest referral I have ever made.

ALAda LindqvistCEO, Brightline

The only dashboard our board actually reads. Every number says what changed and why.

TRTomás RuizCOO, Parcel & Co.

I used to spend Friday afternoons reconciling. Now I spend them leaving early.

PRPriya RamanController, Oakroom

Search across everything is the feature I did not know I needed and now use forty times a day.

LMLeo MartinAnalyst, Mosaic

The only dashboard our board actually reads. Every number says what changed and why.

TRTomás RuizCOO, Parcel & Co.

I used to spend Friday afternoons reconciling. Now I spend them leaving early.

PRPriya RamanController, Oakroom

Search across everything is the feature I did not know I needed and now use forty times a day.

LMLeo MartinAnalyst, Mosaic

Setup took eleven minutes, including the coffee.

IDInes DuarteFounder, Kinfolk Market

It feels like software made by people who have closed a month-end themselves.

JWJonas WeberCFO, Halcyon

Calm is the right word. Nothing shouts, everything is where you expect it.

NHNoor HaddadProduct Lead, Tidewater

Setup took eleven minutes, including the coffee.

IDInes DuarteFounder, Kinfolk Market

It feels like software made by people who have closed a month-end themselves.

JWJonas WeberCFO, Halcyon

Calm is the right word. Nothing shouts, everything is where you expect it.

NHNoor HaddadProduct Lead, Tidewater

Simple pricing that grows with you.

Start free. Upgrade when the team does. Every plan includes unlimited projects.

Starter

For individuals getting their numbers in order.

$/mo$9 per month

Billed monthly$108 billed yearly

Start free

3 connected sources
Daily sync
Email reports
Community support

Team

Most teams

For growing teams who report every week.

$/mo$39 per month

Billed monthly$468 billed yearly

Start 14-day trial

Unlimited sources
Hourly sync
Shared dashboards
Roles and permissions
Priority support

Scale

For finance teams with audits to pass.

$/mo$103 per month

Billed monthly$1,236 billed yearly

Talk to sales

Everything in Team
SSO and SCIM
Audit log
Custom contracts
Dedicated manager

Monday, sorted.

Connect your first source in a minute. No card, no sales call, no spreadsheet.

Start free Book a demo

Checking access…

Overview

One installs it all: the page and its five sections land side by side in components/sundae. Light and dark (.dark), the page font, no animation library, and reduced motion respected throughout.

When to use

Starting a whole site or app from a finished, consistent base.

When not to use

Adding one section to an existing design.

Installation

$pnpm dlx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

$npx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

$yarn dlx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

$bunx --bun shadcn@latest add https://sundaeui.dev/r/northwind-landing.json

Works in any React project. Files are written to components/sundae/. Read the source in the stage’s Code view. Pro assets need a personal token. See authenticated installs.

Usage

Example

import { NorthwindLanding } from '@/components/sundae/northwind-landing'

export default function Page() {
  return <NorthwindLanding brand="Northwind" />
}

// Then edit the copy in components/sundae/northwind-landing.tsx.

Props

Prop	Type	Default
`brand` Product name used in the nav, copy and footer.	`string`	`'Northwind'`
`nav` Nav links. Defaults point at the page’s own sections.	`{ label: string; href: string }[]`	`—`
`logos` Names for the logo strip.	`string[]`	`—`

Accessibility

Landmarks: header with a labelled primary nav, main, footer with labelled link groups.
The logo strip is read once as text; the moving copy is aria-hidden.
Each section keeps its own accessibility behaviour (see their pages).

Customization

Edit the copy in place in northwind-landing.tsx; every section takes its content as props.
Colours for the nav, CTA and footer are --nl-* custom properties; each section has its own tokens.
The example quotes and figures are placeholders. Replace them with your own before publishing.

FAQ

Is Northwind Landing free?: Northwind Landing is part of Sundae Pro. The live preview is open to everyone; the source installs with a Pro account.
How do I install Northwind Landing?: Run npx shadcn@latest add https://sundaeui.dev/r/northwind-landing.json. The files are written to components/sundae/. It has no dependencies beyond React 18 or later.
Does Northwind Landing support keyboard and screen readers?: Landmarks: header with a labelled primary nav, main, footer with labelled link groups. The logo strip is read once as text; the moving copy is aria-hidden.
Does Northwind Landing respect reduced motion?: Yes. With prefers-reduced-motion set, decorative motion is removed and state changes are instant.

All templates →

S—481
Pro
S—481
Ledger Dashboard
Templates · Refined
S—018
S—018
Atelier
Templates · Editorial
S—476
Pro
S—476
Aperture Hero
Sections · Refined
S—478
Pro
S—478
Odometer Pricing
Sections · Refined
S—014
Pro
S—014
Ledger Pricing
Sections · Editorial
S—477
Pro
S—477
Chapter Features
Sections · Refined

Northwind

Start free

Northwind 2.0 is here

Know your numbersbefore the meeting.

Revenue, retention and every customer in one calm dashboard. Connect Stripe in a minute and stop rebuilding the same spreadsheet each Monday.

Start free Book a demo

Trusted by finance teams at

Acme, Globex, Initech, Umbrella, Hooli, Soylent, Vandelay, Wonka

Why teams switch

Everything in its place, the moment you need it.

Four things Northwind does quietly every day, so your team doesn’t have to.

Northwind in numbers · last 12 months

Teams reporting weekly: 4,812; Up from 1,904 a year ago
Sync uptime: 99.98%; Measured every minute
Median setup time: 11min; From signup to first report
Revenue reconciled: $2.4B; Across every connected source

What people say

Teams stopped dreading Monday.

A few notes from the people who run their week on Northwind.

“We cancelled three spreadsheets in the first week. The Monday report now writes itself before anyone opens a laptop.” Maya Chen, Head of Finance, Fieldnote
“The only dashboard our board actually reads. Every number says what changed and why.” Tomás Ruiz, COO, Parcel & Co.
“Setup took eleven minutes, including the coffee.” Ines Duarte, Founder, Kinfolk Market
“Permissions finally match how we actually work. Support can see, finance can refund, nobody can break anything.” Sam Okafor, Ops Lead, Lumen Labs
“I used to spend Friday afternoons reconciling. Now I spend them leaving early.” Priya Raman, Controller, Oakroom
“It feels like software made by people who have closed a month-end themselves.” Jonas Weber, CFO, Halcyon
“Our investors asked which tool made our updates so clear. Easiest referral I have ever made.” Ada Lindqvist, CEO, Brightline
“Search across everything is the feature I did not know I needed and now use forty times a day.” Leo Martin, Analyst, Mosaic
“Calm is the right word. Nothing shouts, everything is where you expect it.” Noor Haddad, Product Lead, Tidewater

We cancelled three spreadsheets in the first week. The Monday report now writes itself before anyone opens a laptop.

MCMaya ChenHead of Finance, Fieldnote

Permissions finally match how we actually work. Support can see, finance can refund, nobody can break anything.

SOSam OkaforOps Lead, Lumen Labs

Our investors asked which tool made our updates so clear. Easiest referral I have ever made.

ALAda LindqvistCEO, Brightline

We cancelled three spreadsheets in the first week. The Monday report now writes itself before anyone opens a laptop.

MCMaya ChenHead of Finance, Fieldnote

Permissions finally match how we actually work. Support can see, finance can refund, nobody can break anything.

SOSam OkaforOps Lead, Lumen Labs

Our investors asked which tool made our updates so clear. Easiest referral I have ever made.

ALAda LindqvistCEO, Brightline

The only dashboard our board actually reads. Every number says what changed and why.

TRTomás RuizCOO, Parcel & Co.

I used to spend Friday afternoons reconciling. Now I spend them leaving early.

PRPriya RamanController, Oakroom

Search across everything is the feature I did not know I needed and now use forty times a day.

LMLeo MartinAnalyst, Mosaic

The only dashboard our board actually reads. Every number says what changed and why.

TRTomás RuizCOO, Parcel & Co.

I used to spend Friday afternoons reconciling. Now I spend them leaving early.

PRPriya RamanController, Oakroom

Search across everything is the feature I did not know I needed and now use forty times a day.

LMLeo MartinAnalyst, Mosaic

Setup took eleven minutes, including the coffee.

IDInes DuarteFounder, Kinfolk Market

It feels like software made by people who have closed a month-end themselves.

JWJonas WeberCFO, Halcyon

Calm is the right word. Nothing shouts, everything is where you expect it.

NHNoor HaddadProduct Lead, Tidewater

Setup took eleven minutes, including the coffee.

IDInes DuarteFounder, Kinfolk Market

It feels like software made by people who have closed a month-end themselves.

JWJonas WeberCFO, Halcyon

Calm is the right word. Nothing shouts, everything is where you expect it.

NHNoor HaddadProduct Lead, Tidewater

Simple pricing that grows with you.

Start free. Upgrade when the team does. Every plan includes unlimited projects.

Starter

For individuals getting their numbers in order.

$/mo$9 per month

Billed monthly$108 billed yearly

Start free

3 connected sources
Daily sync
Email reports
Community support

Team

Most teams

For growing teams who report every week.

$/mo$39 per month

Billed monthly$468 billed yearly

Start 14-day trial

Unlimited sources
Hourly sync
Shared dashboards
Roles and permissions
Priority support

Scale

For finance teams with audits to pass.

$/mo$103 per month

Billed monthly$1,236 billed yearly

Talk to sales

Everything in Team
SSO and SCIM
Audit log
Custom contracts
Dedicated manager

Monday, sorted.

Connect your first source in a minute. No card, no sales call, no spreadsheet.

Start free Book a demo

More like this

Know your numbersbefore the meeting.

Northwind in numbers · last 12 months

Starter

Team

Scale

Monday, sorted.

More like this

Know your numbersbefore the meeting.

Northwind in numbers · last 12 months

Starter

Team

Scale

Monday, sorted.