Who
I still install UI the shadcn way. Copy the files. Own the code. The default face is still Inter. The default kit is still New York.
That is fine for a starter. It is not the system I already run on uncap.us and hms: Max type, phi type scale, Catppuccin surfaces.
twelveux is for operators who want that system as a registry namespace they can install. Frontend builders who already type npx shadcn add. People who remember twelve.ux from the WHATWG-era chrome. Anyone who wants liquid glass from the actual shader, not a CSS blur.
What
I built a hosted shadcn/ui registry. Next.js 15. React 19. Tailwind 4. Package version 0.1.0.
Three installable items ship in public/r today: max, theme, glass.
Max is the typeface. Local woff faces, weights 100 through 900, roman and italic.
theme is phi type and spacing, Catppuccin light and dark CSS variables, Max as sans. Same grammar as uncap.us and hms.
Glass is the first real component. Official pen.dev glass.glsl. Wrapper. Circle defaults baked in. GlassText is a second path with softer defaults for type.
The playground is the product surface. Live circle. Live card. CIRCLE PROPS sliders. Same wrapper on a shadcn button and a navbar over a photo.
/og is the archive: exact 2009-2012 twelve.ux chrome. /kit is the same chrome under glass.
Where
Live on Vercel: https://twelveux.vercel.app (playground, /og, /kit, and /r JSON).
Repo: https://github.com/michaelmonetized/twelveux
registry.json still says homepage https://twelveux.com. That name has no public DNS as of this writing. The host that answers is the Vercel app.
When
2009-2012. twelve.ux chrome. The mock on /og still wears that date.
2026-08-15, 4:42 PM ET. Initial commit: registry, Glass playground, Max fonts, og/kit mocks, built public/r.
4:44. Vercel install freeze fix. 4:46. Production typecheck fix for Glass. 4:58. Phone playground. 5:15. Accordion panes and price ribbon. HEAD 8b9773b.
Five Production deploys the same evening. Five commits. One afternoon.
Why
I already had a visual system (Max, phi, Catppuccin) living on uncap.us and hms as CSS and fonts. I could not npx it into a fresh app.
I wanted Glass as installable files: the real shader and the circle props.
I also still have the 2012 chrome in my head. studioTWELVE. twelve.ux. Putting /og and /kit next to the 2026 playground keeps the timeline honest.
The registry is the portable form. The playground is the proof. The archive is the old chrome, still online.
What would you install first on a greenfield Next app: @twelveux/max, @twelveux/theme, or @twelveux/glass?