Soft Club UI

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

Tier B · UsefulComponent LibraryRegistryTheme Packcobanov.github.io

(Visit cobanov.github.io ↗)(Docs)(Repository)(Registry)

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.

Facts

License: MIT
Pricing: Free, Open source
Framework: React, Next.js
Styling: Vanilla CSS, CSS custom properties
Distribution: shadcn registry, npm package, CLI installer, Copy-paste snippet, GitHub repository
Platform: Web
Content type: Code, Design tokens / theme files
Agent readiness: llms.txt, Machine-readable registry item, CLI installable, Structured documentation, Readable open source, Copy-paste ready code
Accessibility: Built on accessible primitives, Keyboard navigable, Honors reduced motion, Semantic HTML
Maturity: Beta
GitHub stars: 7
Package: @softclub/ui

Components it ships

118 total

Helps you build

Homepage Pricing Website Features AI Chat Panel Chat Web App Settings Web App Command Palette Multi Step Form Feature Announcement

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

Also in Component Libraries

cobanov.github.ioTier B