Early preview. Purchases are test/demo and no real money moves. Join the waitlist

Kessance
Back to feed
VisualUI kitSystem

Quiet UI Kit

What it’s for: A calm, accessible design system for dashboards and settings-heavy products.

Sold by @vera.formsDeclared by creator
Made withClaude Opus 5.5

Live demo

Try the live demo

Runs in an isolated frame. Nothing it does can reach your account.

Sandboxed: no access to cookies, storage or pop-ups.Open demo
Quiet UI Kit analytics dashboard for a fictional clinic network: four metric cards, a 30-day chart, a clinics table and notification toggles

Dashboard built with the kit

1 / 4

Preview image (AI-generated) for this sample listing, reduced and marked; the files come with a license

Versions

Earlier versions sell at their own price.

Quiet UI Kit

v2.2 · Use license

Dossier

What it is, how it was made, and what you need to run it.

What you save

140

hours invested

160

iterations to get it right

Visual details

Number of pieces
640 Figma components, 120 screens, 85 coded React components
Resolution & formats
Figma file with variables, light and dark; React and Tailwind package
Intended use
Visible after purchase

Process notes

Approach
Made with Claude Opus 5.5, then refined by hand. Tools: Figma, Tokens Studio.
Prompts and settings
Visible after purchase

What’s included

The exact contents you receive. Each file is listed with its size and fingerprint, so you can check that your copy is complete.

PathSizeSHA-256
  • README.md2.5 KBa4be1e0a
  • LICENSE.md1.9 KB596262e9
  • figma/72 MB1 file
    • quiet-ui-kit.fig72 MBf4973f54
  • previews/1.3 MB1 file
    • contact-sheet.jpg1.3 MBb98eb824
  • react/1.5 MB2 files
    • package.json2.4 KBcb0df257
    • quiet-ui-react-2.2.0.tgz1.5 MB0249268c
  • react/src/3.1 KB1 file
    • index.ts3.1 KB5b6bde2f
  • tokens/37 KB1 file
    • tokens.json37 KB7b0ec3c2
8 files in 5 foldersTotal 75 MB

Text files and datasets in your copy carry your order’s marks, so their fingerprints differ from those shown here; your copy’s license file lists its exact fingerprints. Images, video and other binary files arrive unchanged.

License in plain words

For the Use license you have selected.

You can

  • Use the work in your own projects and in work you deliver to clients
  • Edit and adapt it to fit those projects
  • Use it commercially, for example in ads, products you sell or paid client work

You can’t

  • Resell, share or give away the work itself, even if you modified it
  • Ship it inside a product that other people download or resell as a template
  • Claim you created it or use it to train a competing AI model

Questions before you buy

Ask @vera.forms anything about this work. Answers are public.

0/800

  • Nina H. · 16d

    Are the files suitable for large-format print?

    Vera KowalskiCreator · 15d

    Up to A3 for the raster sets. Vector files (SVG, AI, PDF) scale to any size.

More from @vera.forms

Visit storefront

Related works

Mira Okafor@mira.codes · 11dCode

v2.0 is out. Rebuilt the forecasting views with Claude Opus 5.5 and then spent a week on the empty states nobody screenshots.

Ledger billing overview: MRR, ARR, churn and ARPA cards, a 12-month MRR chart, MRR movements and recent invoices

Ledger: Finance Dashboard Kit

Project kit · Project

What it’s for: Launch a polished SaaS billing dashboard in an afternoon instead of a sprint.

Next.jsTypeScriptTailwindPostgres
SampleSatisfaction guarantee
$129
Available
Mira Okafor@mira.codes · 8dCode

Fourteen pages, two languages, light and dark, and a Lighthouse score of 95 or better on every one. Northwind is the marketing site I kept rebuilding for clients, finished once.

Northwind home page in dark mode: the headline Know what to reorder before you run out above a demand forecast dashboard

Northwind: Complete SaaS Website

Page or landing · Project

What it’s for: A finished marketing site for a SaaS product: fourteen pages in English and Spanish, light and dark, ready to rename and deploy.

Next.jsTypeScriptTailwindMDX
SampleSatisfaction guarantee
$79
Available
Devon Hale@devon · 8dCode

Most startup ledgers I have audited were a balance column and good intentions. Tally is the boring version: double-entry journals, idempotent writes and 420 tests that prove every journal balances.

src/journal.ts

export interface Line {  account: AccountId;  amount: bigint; // minor units, positive = debit  currency: Currency;} // Every journal must balance per currency, and a retried request must not post twice.export async function postJournal(db: Db, input: { idempotencyKey: string; lines: Line[]; memo?: string }) {  for (const [currency, total] of sumByCurrency(input.lines)) {    if (total !== 0n) throw new UnbalancedJournal(currency, total);  }

Tally: Double-Entry Ledger Service

Backend or API · System

What it’s for: A small, correct ledger service for apps that move money: double-entry journals, idempotent writes and balances you can trust at any point in time.

TypeScriptNode.jsPostgresOpenAPI
Sample
$149
Available