Terracotta screenshot

Terracotta

Author Avatar Theme by Lxsmnsyc
Updated: 7 Jan 2026
697 Stars

Headless UI for SolidJS

Categories

Overview

Terracotta is an innovative Headless UI library specifically designed for SolidJS, currently under development. With a focus on implementing WAI-ARIA design patterns and widgets, it aims to bridge the gap for SolidJS users looking for accessible and flexible components. This library offers a diverse range of components that enhance the user experience while adhering to the principles of accessibility.

For developers utilizing SolidJS, Terracotta presents an exciting opportunity to integrate robust UI elements into their applications. By prioritizing WAI-ARIA support, it stands out as a forward-thinking option amongst similar libraries, ensuring that the components not only look good but are also user-friendly for all.

Features

  • Wide Range of Components: Terracotta includes essential components like Accordion, Alert Dialog, and Button, catering to various UI needs.
  • WAI-ARIA Compatibility: Designed with accessibility in mind, this library focuses on implementing WAI-ARIA design patterns.
  • Modal and Popover Support: Easily create dialogs and popovers to enhance interactivity and user engagement within your applications.
  • Dynamic Disclosure: The Disclosure component allows for show/hide functionality, enabling cleaner and more organized interfaces.
  • Flexible Listbox Options: Incorporate both selection and dropdown listboxes to streamline user choices and navigation.
  • Interactive Tabs and Toolbars: Implement stylish and functional tabs and toolbars to help users navigate your application effortlessly.
  • Toast Notifications: Alert users with contextual feedback through Toast notifications, improving communication and user satisfaction.
  • Support for SolidJS: While not the official Headless UI port for SolidJS, Terracotta offers a tailored experience that reflects the unique properties of SolidJS.