A production component library·Now in private beta
stable Commerce

Foliotype Pricing Tiers

Three-column pricing grid of tier cards presenting the plan options and prices.

Sign in to copy

01 / Tier

$0

Free forever

Writer

For independent writers and personal publications.

The full focused editor

Unlimited drafts & version history

Publish to a Foliotype domain

Newsletter up to 500 readers

Start writing

02 / Tier

Most popular

$18

Per month, billed yearly

Publication

For serious writers ready to grow an audience.

Everything in Writer

Your own custom domain

Newsletter up to 25,000 readers

SEO & metadata controls

Scheduling & editorial calendar

Start free trial

03 / Tier

$60

Per month, billed yearly

Newsroom

For editorial teams publishing together.

Everything in Publication

Unlimited collaborators

Comments & track changes

Roles & permissions

Priority support

Talk to sales
foliotype-price.tsx 85 lines · TypeScript

The full source is for members

Sign in and choose a plan to view and copy foliotype-price.tsx. The live preview above is free to explore.

Sign in

How to use. Copy foliotype-price.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.

All React components
A Stacklumen Product