Skip to content

Components · 7 blocks

Blocks

Whole pages built from Fineliner's parts, with Listening Room's content. Install one into your app, then make its copy and data yours.

Hero

hero-01

A lettered wordmark beside a scene the visitor can reroll, one line of copy, the install command and two actions.

Terminal
npx shadcn add @fineliner/hero-01

Sign in

sign-in-01

Email and password with validation, keep me signed in, and a link by email instead, beside a scene drawn by the pen.

Terminal
npx shadcn add @fineliner/sign-in-01

Dashboard

dashboard-01

The shop's week: four figures in the typewriter, guests by day drawn by the pen, the records on hold and the next sessions.

Terminal
npx shadcn add @fineliner/dashboard-01

Settings

settings-01

A narrow settings column: profile, appearance, notifications as switches, and closing the account behind an alert dialog.

Terminal
npx shadcn add @fineliner/settings-01

Pricing

pricing-01

Three memberships with a monthly or yearly price, what each includes ticked by the pen, and questions in an accordion.

Terminal
npx shadcn add @fineliner/pricing-01

Article

article-01

A journal post: a lettered title beside a drawn scene, prose with a drop cap, a pull quote, a hand note in the margin and reading progress.

Terminal
npx shadcn add @fineliner/article-01

Empty states

empty-01

An empty catalogue, a search with no results and a week with nothing booked, each a drawing, one line and one action.

Terminal
npx shadcn add @fineliner/empty-01
OpenEmpty states in a new tab