svelte-headlessui
TypeScript icon, indicating that this package has built-in type declarations

0.0.35 • Public • Published

minified minified + zipped

Svelte-HeadlessUI

Svelte Headless-UI

svelte-headlessui is an unofficial implementation of Tailwind HeadlessUI for Svelte. Just like the official implementation, they are:

  • ✅ Completely unstyled
  • ✅ Fully WIA-ARIA accessible UI components
  • ✅ Fully typed with Typescript
  • ✅ Designed to integrate beautifully with Tailwind CSS

But also:

  • ✅ Designed to integrate beautifully with Svelte and SvelteKit
  • ✅ Less than 14kB minified / 4kB minified gzipped

Installation

Install using your package manager of choice, e.g.

pnpm install svelte-headlessui

Import the appropriate create... factory method in your component and use the custom store it returns to manage your component state and attach use:action behaviors to your elements.

See the individual component pages for usage examples.

Alternative

You may be interested in evaluating @rgossiaux/svelte-headlessui. This package aligns closer to the official components in it's approach although I believe that approach (driven by React / Vue) contributes to the larger size of 173kB minified / 29kB minified + gzipped.

Logo

Special thanks to Shoob for the logo!

Package Sidebar

Install

npm i svelte-headlessui

Weekly Downloads

3,013

Version

0.0.35

License

MIT

Unpacked Size

127 kB

Total Files

6

Last publish

Collaborators

  • captaincodeman