Overview

Svelte-headlessui is an unofficial port of the Headless UI component library for Svelte. It provides fully accessible and feature-rich UI components that are unstyled. This library is designed for Svelte developers who want customizable components that follow the WAI-ARIA specifications without being constrained by existing design systems like Material UI. It can also be used as a drop-in replacement for the React/Vue components in the Tailwind UI component library. This project aims to closely match the API of the React version of Headless UI and will be kept up to date with new component releases.

Features

Unstyled yet sophisticated customizable UI components
Fully follows the WAI-ARIA specs
Handles messy details such as keyboard navigation, focus management, and aria-* attributes
Can be used with or without Tailwind UI or Tailwind CSS

Summary

Svelte-headlessui is a comprehensive port of the Headless UI component library for Svelte. It offers fully accessible and unstyled UI components that adhere to the WAI-ARIA specifications. This library is suitable for developers who want customizable components without the constraints of existing design systems. It can also be used as a replacement for React/Vue components in the Tailwind UI library. The installation is straightforward, and the library will be kept up to date with new component releases.

Rgossiaux

Svelte Headlessui

Svelte Heroicons