Skip to content
IndexDesign corpus
Component LibrariesComponent LibraryRegistryTheme PackMITFreeReact

Soft Club UI

118 Radix-based React components in a late-90s dark-glass aesthetic

Aboutcobanov.github.io

Soft Club UI is a React component library by Mert Cobanov styled after late-1990s Sony-adjacent 'soft club' graphics — dark glass, phosphor green, cold blue, smoke — with four themes (green, blue, orange, night-city) switched by a `data-sc-theme` attribute. It ships 118 components: a complete Radix-backed app kit (dialog, combobox, command palette, table, calendar, tabs, toast) plus an unusual set of procedural canvas pieces — ASCII fields, dithered and halftone images, Chladni plates, Voronoi territories, L-system gardens — and AI-chat parts such as PromptBox, ChatBubble and ToolCall. It is distributed both as npm packages (`@softclub/ui`, `@softclub/tokens`) and as a per-component shadcn registry, with `llms.txt` and `llms-full.txt` written for agents.

Install
npx shadcn@latest add https://cobanov.github.io/soft-club-ui/r/<name>.json
For an agent

Take the whole thing or take nothing — the components read `--sc-*` tokens from `@softclub/tokens`, so cherry-picking one into a stock shadcn project gives you an unstyled shell unless you also import `@softclub/ui/styles.css` and set `data-sc-theme` on `<html>`. It is the right pick when the brief asks for a dark, technical, terminal-adjacent identity and you want the Radix primitives already skinned; it is the wrong pick for a light, neutral or corporate product. Read `llms-full.txt` first — it is the authoritative component index and is written for agents — and treat the procedural canvas components (AsciiFire, PhysarumTrails, MorphogenField) as decorative only: they run continuous rAF loops and should be behind a reduced-motion guard.

Why it is here. A rare component library with a real point of view instead of a neutral default, and one of the very few that ships an agent-readable `llms-full.txt` alongside a per-component shadcn registry despite being a solo project.

Install command, framework, licence and component list.
Components it ships118 total
Helps you build9
Notable for
  • 118 components with a single coherent aesthetic
  • four themes via a data-sc-theme attribute
  • Radix primitives under the styling
  • ASCII, dither, halftone and reaction-diffusion canvases
  • llms.txt and llms-full.txt written for agents
Provenance

Verified 2026-08-15. HTTP 200. https://cobanov.github.io/soft-club-ui (JS shell, no content), https://cobanov.github.io/soft-club-ui/llms.txt (full 118-component catalog), https://github.com/cobanov/soft-club-ui, GitHub API repo metadata

Related resourcesComponent Libraries