A production component library·Now in private beta
stable Content

Foliotype Timeline

Timeline section with an eyebrow/H2 header and five chronological rows.

Sign in to copy

The story

How we got here.

2021

Foliotype begins

Two writers, frustrated with bloated editors, start sketching a calmer canvas.

2022

Public beta

The first version ships — focus mode, outline mode, and one-click publish.

2023

10,000 writers

Independent authors and small newsrooms make Foliotype their daily home.

2024

Teams and API

Collaboration, roles, and a publishing API bring whole desks on board.

Today

Just getting started

Still small, still independent, still building the tool we want to write in.

foliotype-time.tsx 55 lines · TypeScript

The full source is for members

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

Sign in

How to use. Copy foliotype-time.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