Fig.00 — SpecimenMade for studios & agenciesin private beta

The component catalog that builds itself.

Sznyt turns the components you've already built into a catalog you can share — a link your client opens and clicks, not a folder of screenshots. Nothing to write, nothing to keep up to date.

Reads: real components
Exports: one clickable file
Ships: an AI-readable edition

Request early access See how it works

Fig.01 — In one fileLive, clickable componentsNo dev serverWorks offlineYour code stays in your repo

Fig.01Why it's different

Not another Storybook. A catalog you never have to write.

A live, clickable catalog is table stakes now. What actually makes Sznyt worth it are three things a story-writing tool can't give you.

Nothing to write

Most tools make you hand-build a page for every component. Sznyt just finds them. Point it at your project and the catalog is already there — always current, because it reads your real code.

vsNo stories to author, no catalog to keep in sync.

Something you can hand over

One link your client opens and clicks — real, working components instead of flat mockups. No install, no setup, no walking them through a dev tool.

vsA handoff a non-technical client actually uses — and gives feedback on.

Ready for your AI tools

Your catalog ships with a version your coding assistants can read, so they build with the components you already have instead of starting from scratch.

vsThe part no screenshot tool has: your library, legible to machines.

Fig.02How it works

Three steps. Barely any setup.

01Find

Sznyt reads your project and finds every component — plus the colors, spacing and type behind them.

02Catalog

You get a browsable catalog, an overview of your design tokens, and a version your AI tools can read.

03Share

Export it as one file and send it. It opens with a double-click and works anywhere — no server, no setup.

~/your-project

$ sznyt scan
Found 46 components (38 with previews) across 7 groups.
  ◈ 52 design tokens — colors, spacing, type
  ✓ catalog + AI-readable doc ready

$ sznyt build --share
Live catalog → your-catalog.html (one file, 28 clickable components)
  Send it, host it, open it — components render and respond, anywhere.

Plate II — two commands, start to shareable

Fig.03What's inside

More than a wall of screenshots.

#0d6b43

#1a1712

#5f594c

#8b8474

AaAa

4px

8px

16px

Your design language01 / 04

Every color and spacing, at a glance

Sznyt gathers the colors, spacing and type you actually use — grouped and sized by how often they show up, so the system behind the work is obvious.

live

Ready to build?

StartPreview

Alive, in one file02 / 04

Click it, open it, watch it move

Buttons press, menus open, animations play. The whole thing is a single file that opens with a double-click and keeps working offline.

catalog.agents.md

## Button — primary CTAimport { Button } from "@/ui"props: variant · size · href## Hero — page openerprops: heading · media · cta

Friendly to your AI tools03 / 04

A catalog your assistants can read

Alongside the visual catalog, Sznyt writes a version your coding assistants understand and search — so they reuse what you've built, not reinvent it.

your repo

source stays

catalog only

catalog.html

Yours, kept private04 / 04

Your code never leaves your repo

Sznyt only ever shares the catalog — the previews and the overview. Your source code stays exactly where it is, always.

Fig.04An honest comparison

Where Sznyt fits.

Storybook and Chromatic are great at visual testing for engineering teams. Sznyt is built for a different job: getting a living catalog in front of a client, fast.

	Sznyt	Storybook + Chromatic
Getting started	✓Finds your components — nothing to write	Hand-write a page for each component
Who it's for	✓Studios handing off to clients	Engineering teams, visual testing
Design tokens	✓Built in, ranked by how much you use them	Not included
Works with your AI tools	✓Ships an assistant-readable version	—
Your source code	✓Never leaves your repo	Uploaded to build

Fig.05Requirements

Made for React component projects.

Point Sznyt at a Next.js + Tailwind project — it reads the components and design tokens you already have. No config, no rewrites. Here's exactly what it expects.

Your stack

Project: Component-based web apps & marketing sites
Framework: Next.js · App Router
Components: React 19 · TypeScript (.tsx)
Design tokens: Tailwind v4 · @theme / :root variables

To run & share

Runtime: Node 20 or newer
Previews: a running dev server (headless Chromium)
Ships: one .html file + an AI-readable Markdown edition

Works withNext.jsReact 19Tailwind v4TypeScriptNode 20+

Fig.06FAQ

The questions studios ask first.

Fig.07 — Colophonin private beta

Put a living catalog in front of your next client.

Sznyt is in private beta with a handful of studios. We're keeping it small while we sharpen it on real handoffs. Request early access and we'll send a link to a live catalog.

No install · no credit card · a link back to a live catalog · sznyt@ferayna.com