@proyecto-viviana/ui
Published · Glasselated themeViviana’s own design system, built on the shared headless layers. The keyboard, screen-reader, and internationalization behavior is ported from React Aria. The tokens and the type are ours.
A Solid UI stack, out in the open.
Accessible components for Solid 2. The behavior is ported from Adobe’s React Aria and checked against it, one component at a time. Two styled libraries are on npm. Two more are one-button studies, and this page says which is which.
Published Libraries
Two independent styled libraries on npm.
Each has its own API, its own docs, and its own regression suite. Use one without the other. Both need Solid 2, so install solid-js@next and @solidjs/web@next beside them.
@proyecto-viviana/solid-spectrum
Published · Spectrum S2Adobe’s Spectrum 2, ported to Solid one component at a time. A component counts as ported only when a regression suite shows it behaving like the React original.
Architecture
Share behavior. Keep each styled library independent.
State, accessibility, keyboard behavior, and composition live in the lower packages. Each styled sibling owns its public API, theme, and release. You can use one without installing any other.
- solid-stately
- solidaria
- solidaria-components
- @proyecto-viviana/ui
- @proyecto-viviana/solid-spectrum
- @proyecto-viviana/geist experiment
- @proyecto-viviana/kumo experiment
Interactive specimen
One reactive state. Four visual skins.
Switch skins while the page runs. The counter and the input are plain Solid signals, so their values survive the switch.
00
Shared behavior
State belongs in solid-stately. ARIA, keyboard, and focus behavior belong in solidaria. Component composition belongs in solidaria-components.
Evidence before claims
A rendered export or a green axe run is only a floor. A component earns certified status when its observable upstream branches have regression evidence.
Independent paint
Each styled sibling owns its design-system API and theme. The site can show them together, but one library must not leak tokens or styles into another.
Experiments & Studies
Early exploratory studies on the shared foundation.
Explorations testing whether foreign design system APIs map cleanly onto our headless architecture. Single-component prototypes, not full ports or npm releases.
@proyecto-viviana/geist
Unpublished · 1-Button studyTests Vercel Geist design system tokens, button variants, and monospace micro-typography on Solid. Treat it as a design study, not a port.
@proyecto-viviana/kumo
Unpublished · 1-Button studyThis is one experimental component, not a complete Kumo port. Tests Cloudflare Kumo design tokens and Button variants on the shared Solid foundation.
Follow the experiment, including what fails.
The repository contains the source, tests, comparison harness, known gaps, and live decisions. Claims should get narrower or stronger as that evidence changes.