made with Svelte

UI Ingredients

UI Component Library

Visit Site

Description

UI Component Library

"UI Ingredients is a Svelte 5 component library powered by zag.

It includes many form and input components, toasts, tooltips and more."

  • Unstyled by default: UI Ingredients gives you complete control over your design. With no pre-applied styles, you can seamlessly integrate your own custom aesthetics using class props or data attributes.
  • Fully customizable: With an extensive set of props and event handlers, each component adapts to your application's unique requirements, giving you the freedom to create dynamic, interactive interfaces.
  • Built for accessibility: Accessibility is at the core of UI Ingredients. All components follow best practices for screen reader support, keyboard navigation, and focus management to ensure an inclusive experience for all users.

Creator

John Paul Calvo
@calvojp92


Social Media Links

Grail UI Library of Component Primitives, Actions & Utilities
icon-eye-dark Created with Sketch. 7.042
Svelte YouTube Embed Embed a clickable YouTube Thumbnail
icon-eye-dark Created with Sketch. 346
Sentry for Svelte Svelte Error & Performance Monitoring
🧑 Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Svelte Origami Collection of 3D Animations
icon-eye-dark Created with Sketch. 493
Svelte Cannon Components for building 3D Physics Simulations
icon-eye-dark Created with Sketch. 943