ui-ingredients
- Headless component library for Svelte fa-solid fa-up-right-from-square, powered by zag fa-solid fa-up-right-from-square
- Provides unstyled, accessible UI components with a focus on flexibility and customization
- Supports Svelte as the primary framework
- Includes Tailwind CSS plugin for styling components using data attributes
- Inspired by libraries like zag fa-solid fa-up-right-from-square, ark fa-solid fa-up-right-from-square, and Headless UI
- Offers components like
Dialog
with features like lazy mounting, portals, and accessibility baked in - Documentation available at ui-ingredients.vercel.app fa-solid fa-up-right-from-square
Key Packages:
ui-ingredients
: Core component libraryui-ingredients-plugin-tailwindcss
: Tailwind CSS integration plugin
Example Component Usage:
<Dialog.Root>
<Dialog.Trigger>Open</Dialog.Trigger>
<Portal>
<Dialog.Content>
<Dialog.Title>Title</Dialog.Title>
</Dialog.Content>
</Portal>
</Dialog.Root>
componentsheadlesssvelte
Author
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button