@visant/ui v1.0

The component library of Visant Labs, distributed as a shadcn registry: ~140 React components, blocks and app kits that dress in your brand tokens.

Browse: https://ui.visantlabs.com

What's in v1.0

• 147 registry items in 14 categories: Controls, Data, Navigation, Cards, Feedback, Sections, Media, Text, Effects, 3D, Shaders, Vintage, Anatomy, Base.
• App kits: full mock products (task board, studio site, image generator, studio rack, brand system) with an inspection layer that shows which pieces each region uses.
• Brand-aware: every piece reads --brand, radius, type and motion tokens; the vintage kit's lights follow the selected brand.
• Analog sound feedback (sfx-bus): camera click, knob detent, lever, lens focus, shutter, synthesized with Web Audio, no files.
• Agent-ready:
  • ui.visantlabs.com/mcp: remote MCP server (recommend pieces for a project, search, read, install command). Works as a custom connector in Claude.ai and ChatGPT.
  • Official shadcn MCP: npx shadcn@latest mcp reads @visant.
  • npx shadcn@latest add @visant/agent-rules: Cursor, Claude Code and Copilot rules so your agent checks @visant before writing UI from scratch.
  • Every item carries categories and a "when to use / when to avoid" hint, also in /llms.txt and /r/<name>.md.

Install

npx shadcn@latest add @visant/slide-to-confirm

Until @visant lands in the shadcn registry index (shadcn-ui/ui#12395), add to components.json:

{ "registries": { "@visant": "https://ui.visantlabs.com/r/{name}.json" } }

Code: MIT. Media in public/media and public/shots: © Visant Labs, demo use only.

🤖 Generated with Claude Code