Decentralized Blocks, Patterns & Developer Hub for @shavin/ui
Explore production-ready UI blocks, fork components into Shavin Studio, resolve Radix & accessibility edge cases, and collaborate with creators.
Architectural Foundations
Built on strict design system engineering principles for zero-compromise production apps.
100% Token Pure
Zero hardcoded hex, RGB, or arbitrary values. Seamlessly remaps across all 24 Radix accent palettes and dark/light modes.
WCAG 2.1 AAA Ready
Roving keyboard tab-index, automatic focus trapping, aria landmarks, and verified 7:1 contrast ratios out of the box.
Concentric Geometry
Enforces nested curvature mathematical continuity (R_inner = max(floor, R_outer - P)) using semantic radius tokens.
Zero-Hallucination MCP
Native Model Context Protocol server verifies syntax and token rules in real time before publishing to the registry.
Trending Community Blocks
Pre-built layouts and feature cards forkable into Shavin Studio or installable via CLI.
Developer Discussions & RFCs
Ask architectural questions, debug Radix interactions, and share component patterns.
How to handle Radix Select empty value reserved sentinel without hydration error?
When using Radix Select, passing `value=""` triggers a runtime error or unexpected empty sentinel behavior. What is the canonical pattern in @shavin/ui to represent an unselected state with placeholder text?
Elena RostovaCreating custom brand accents with 2-Tier Token Architecture
We want to add a custom corporate brand color (e.g. electric cyan) without modifying `packages/ui` core code. How do we wire custom foundation scales to semantic `--accent` tokens safely?
Marcus VanceWriting dynamic Block Builders with concentric radius nesting rules
When authoring custom community blocks for Studio, what is the best practice for nesting cards inside dialogs or container panels so the borders stay perfectly concentric?
Sarah ChenWelcome to Contribute to @shavin/ui
Publish your custom layouts, earn verified creator badges, and help expand the world's most token-pure design system. All contributions undergo automated pre-flight quality checks.
Decentralized layout published with sandbox testing status.
Passes automated AST token check and 100% WCAG contrast audit.
Earned 20+ community upvotes & active Studio fork adoption.
Merged into official @shavin/ui core primitives library.
Instant local code generation with zero configuration.