Terracotta
Headless UI for SolidJS
Install / Use
/learn @lxsmnsyc/TerracottaREADME
terracotta
Headless UI library for SolidJS
Install
npm i terracotta
yarn add terracotta
pnpm add terracotta
Note
The project is still in development, as I aim to implement the WAI-ARIA Design Patterns and Widgets.
Here's the current components:
AccordionAlertAlert DialogButtonButton (Toggle)CheckboxDialog (Modal)Dialog (Popover)Disclosure (Show/Hide)FeedListbox (Select)Listbox (Dropdown)MenuRadio GroupToolbarTransitionToaster/ToastContextMenu (Dialog)CommandBar (Dialog)Tabs
FAQ
Is this the official HeadlessUI for SolidJS?
Uhh, no. I intended to port the original however this is not recognized as the official port for SolidJS. There's also some differences in development path since I intended to implement the WAI-ARIA widgets. The reason is that there seems to be no resolution from the original Headless UI if they're going to implement WAI-ARIA widgets in the first place.
If this is a port, does it mean it is 100% compatible?
Kinda. Due to differences in principle between SolidJS and React, the implementation would be different and such, features that are originally found in the original HeadlessUI may be incompatible with the SolidJS version.
License
MIT © lxsmnsyc
Related Skills
node-connect
335.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
82.5kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
335.4kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
82.5kCommit, push, and open a PR
