BRUDI DESIGN SYSTEMS LAB / VISUAL VAULT V2
See the component.
Then choose it.
Real upstream demo captures paired with local source, dependencies, integration cost, and brutally clear guidance on where each component belongs.
CURATED VISUAL COMPONENTS
Twenty useful pieces.
Zero filename cosplay.
These are selected from permissive local repositories. Every preview links back to the exact source and upstream demo.
VISUAL SELECTION LAYER
Components
RAW SOURCE INDEX
Inspect the machinery.
This secondary view contains component-like source files, examples, primitives, and helpers. It is for targeted code lookup, not visual selection.
LOCAL FILE INDEX
Load raw index to inspect files
AGENT SELECTION CONTRACT
Choose by job.
Not by hype.
Agents should search the curated visual layer first, select one functional foundation, and use at most two signature visual families. Every candidate exposes role, style, best use, exclusion cases, dependencies, mobile guidance, and reduced-motion guidance.
- 01Define the section roleHero, feature grid, media showcase, navigation, status, or micro-emphasis.
- 02Match the design directionSelect styles that reinforce the product identity instead of mixing catalogs unchanged.
- 03Respect the budgetOne high-cost canvas/WebGL effect per page. Prefer low-cost motion everywhere else.
- 04Verify in contextInspect local source, install dependencies, add mobile and reduced-motion fallbacks, then test the real page.
SOURCE POLICY