Menu
Libraries |
Category

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 library
  • ui-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

Comments