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.

Social Media Links

Diaper Bottom Sheet Component
icon-eye-dark Created with Sketch. 340
Svelte Animated Headline Text Animation Component
icon-eye-dark Created with Sketch. 641
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 Lexical Rich Text Editor
icon-eye-dark Created with Sketch. 5.633
Svelte HeadlessUI Headless UI for Svelte (unofficial)
icon-eye-dark Created with Sketch. 41.515