@willink

i-willink.com

Unverifiedrepo only

Token-driven design system for i-Willink products — React 42 components, Tailwind v4 preset, single-brand baseline. Shared DTCG token SSOT; mobile-first Flutter DS = PULSE (willink-oss/pulse_theme).

Items

2026-08-03Every entry in its own registry.json, counted last night.

Free to install

2026-08-03Item endpoints that returned source without credentials.

Behind a key

2026-08-03Item endpoints that answered 401.

Last push

6 days ago

0 stars. Both figures are GitHub's about this repository, not ones this index measured.

i-willink.com willink-oss/willink-design-system registry.json This registry as JSON

Blocks

Search within

Freeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask

25 in this registry
Component	What the registry says it is	Kind	Access	Installs
Article cardarticle-card	A blog/article preview card composing the @willink-labs/react primitives (Card + Badge + Avatar + Button) — a category badge, title, excerpt, an author avatar + date footer, and a read-more link. Copy-to-own via `npx shadcn add @willink/article-card`; the content is yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Auth formauth-form	Token-themed sign-in form composing the @willink-labs/react primitives (FormField + Input + Checkbox + Button + Separator) — email/password fields with inline validation, a remember-me checkbox, and an alternate-action divider. Copy-to-own via `npx shadcn add @willink/auth-form`; the markup and validation are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Command palettecommand-palette	A ⌘K modal command palette composing the @willink-labs/react primitives (Command inside a controlled Dialog) — a ⌘K/Ctrl+K keyboard toggle, fuzzy-search input, grouped commands with shortcuts, and an empty state. Copy-to-own via `npx shadcn add @willink/command-palette`; the commands are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Comparison tablecomparison-table	A tiered pricing/feature comparison matrix composing the @willink-labs/react primitives (Table + ToggleGroup + HoverCard + Badge + Button) — a monthly/annual billing toggle, a plan-per-column table with ✓/✗ cells (with text alternatives), HoverCard feature explainers, and per-plan CTA buttons (onSelectPlan). Companion to pricing-card. Copy-to-own via `npx shadcn add @willink/comparison-table`; the plans and features are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Confirm dialogconfirm-dialog	A reusable destructive-confirmation dialog composing the @willink-labs/react AlertDialog + Button primitives — a trigger button opens a focus-trapped `role="alertdialog"` with a title, description, Cancel, and a danger-styled confirm action wired to an onConfirm callback. Copy-to-own via `npx shadcn add @willink/confirm-dialog`; the copy and handler are yours and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Contact formcontact-form	Token-themed contact form composing the @willink-labs/react primitives (FormField + Input + Textarea + Button). Copy-to-own via `npx shadcn add @willink/contact-form` — the markup is yours to edit; the primitives and `--color-brand` theming come from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
CTA sectioncta-section	An end-of-page call-to-action band composing the @willink-labs/react primitives (Badge + Button) — an optional eyebrow, title, supporting copy, and primary/secondary CTA buttons (asChild link-wrapped). Copy-to-own via `npx shadcn add @willink/cta-section`; the copy is yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Dashboard shelldashboard-shell	A responsive app shell composing the @willink-labs/react primitives (Sheet + ScrollArea + Avatar + DropdownMenu + Button + Badge + Separator) — a fixed desktop sidebar (mobile Sheet drawer) with a scrollable nav rail, a topbar with the mobile menu trigger + title + a user Avatar menu (onSelect), wrapping arbitrary `children`. Copy-to-own via `npx shadcn add @willink/dashboard-shell`; the nav and user menu are yours to wire and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Data tabledata-table	An admin data table composing the @willink-labs/react primitives (Table + Checkbox + Badge + DropdownMenu + Pagination + Empty) — row + tri-state select-all (indeterminate), status badges, a per-row actions menu wired via an optional onAction prop, real client-side pagination, and an Empty state. Copy-to-own via `npx shadcn add @willink/data-table`; the columns and behaviour are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Description listdescription-list	A metadata/settings-summary readout composing the @willink-labs/react primitives (Card + Separator + Badge + Tooltip + Collapsible) — a real <dl> of term/description rows with optional tooltips, badges, and an expandable details section. Copy-to-own via `npx shadcn add @willink/description-list`; the items are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
FAQfaq	A frequently-asked-questions section composing the @willink-labs/react Accordion primitive (single-open, collapsible) — an optional heading and a list of question/answer items. Copy-to-own via `npx shadcn add @willink/faq`; the heading and Q&A are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Feature gridfeature-grid	A responsive product-feature grid composing the @willink-labs/react primitives (Card + Badge) — an optional eyebrow/heading and a responsive grid of feature cards (title + description). Copy-to-own via `npx shadcn add @willink/feature-grid`; the copy and layout are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Logo cloudlogo-cloud	A "trusted by" social-proof logo strip composing the @willink-labs/react primitives (ScrollArea + Avatar + Skeleton + Tooltip) — a horizontally-scrollable row of greyscale logos with company-name tooltips and an optional loading state. Copy-to-own via `npx shadcn add @willink/logo-cloud`; the logos are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Newsletter signupnewsletter-signup	A card-framed newsletter signup composing the @willink-labs/react primitives (Card + FormField + Input + Checkbox + Label + Button + toast) — email validation, a consent checkbox, and a success toast (mount <Toaster/> once at your app root). Copy-to-own via `npx shadcn add @willink/newsletter-signup`; the copy is yours and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Page headerpage-header	An app/admin page header composing the @willink-labs/react primitives (Breadcrumb + Badge + ButtonGroup + Button + DropdownMenu) — a breadcrumb trail, title with optional status badge, primary/secondary action buttons (onClick), and an overflow actions menu (onSelect). Copy-to-own via `npx shadcn add @willink/page-header`; the actions are yours to wire and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Page heropage-hero	Centered marketing hero composing the @willink-labs/react primitives (Badge + Button) — eyebrow badge, title, lead copy, and primary/secondary CTA buttons. Copy-to-own via `npx shadcn add @willink/page-hero`; the markup is yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Pricing cardpricing-card	A single pricing tier composing the @willink-labs/react primitives (Card + Badge + Button) — plan name, price, a popular badge, a feature list, and a CTA. Render several side by side for a pricing table. Copy-to-own via `npx shadcn add @willink/pricing-card`; the copy and features are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Range filterrange-filter	A faceted number/price range filter composing the @willink-labs/react primitives (Popover + Slider + Badge + Button + Label) — a popover trigger showing the current range as a badge, a two-thumb slider with a formatter, and apply/reset actions wired to onApply. Copy-to-own via `npx shadcn add @willink/range-filter`; the range and formatter are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Settings formsettings-form	An account/preferences settings surface composing the @willink-labs/react primitives (Tabs + Card + Label + Input + Switch + Select + RadioGroup + Separator + Button) — tabbed sections of grouped setting rows (text fields, toggles, selects, radios) with a save/cancel footer. Copy-to-own via `npx shadcn add @willink/settings-form`; the fields and behaviour are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Stat highlightstat-highlight	A single rich KPI/metric highlight card composing the @willink-labs/react primitives (Card + Progress + Badge) — a label, a large value, a trend badge, and a goal Progress bar. Complements the stats row block. Copy-to-own via `npx shadcn add @willink/stat-highlight`; the metric is yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Statsstats	A responsive metrics row composing the @willink-labs/react Card primitive — a grid of label/value (+ optional delta) stat cards in a real <dl>. Copy-to-own via `npx shadcn add @willink/stats`; the metrics and layout are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Subscribe (inline)subscribe-inline	A compact inline email-capture composing the @willink-labs/react primitives (FormField + Input + Button + Alert) — a single-field newsletter/waitlist form with inline validation and a success Alert, wired to an onSubscribe callback. Copy-to-own via `npx shadcn add @willink/subscribe-inline`; the copy is yours and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Team gridteam-grid	A responsive team/people grid composing the @willink-labs/react primitives (Card + Avatar + HoverCard + Badge) — member cards with an avatar (image or initials fallback), name, role badge, and an optional HoverCard bio popover. Copy-to-own via `npx shadcn add @willink/team-grid`; the members are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Testimonialtestimonial	A customer-quote card composing the @willink-labs/react primitives (Card + Avatar) — a quote with figure/figcaption attribution and an avatar that falls back to initials. Copy-to-own via `npx shadcn add @willink/testimonial`; the quote and attribution are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps
Testimonial walltestimonial-wall	A multi-quote social-proof wall composing the @willink-labs/react primitives (Card + Avatar + Badge) — a masonry layout of testimonial cards, each with figure/figcaption attribution, an avatar, and an optional tag badge. Extends the single testimonial block. Copy-to-own via `npx shadcn add @willink/testimonial-wall`; the quotes are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).	Blocks	Unverified	2 deps

Utilities

Search within

1 in this registry
Component	What the registry says it is	Kind	Access	Installs	Command
cncn	clsx + tailwind-merge class combiner — the shared utility every @willink block/component depends on. Copy-to-own via `npx shadcn add @willink/cn`.	Utilities	Unverified	2 deps