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

Svelte Droplet File Dropzone
icon-eye-dark Created with Sketch. 750
Svelte Chart.js Wrapper for Chart.js
icon-eye-dark Created with Sketch. 10.008
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 Autoresize Textarea Auto-resizing Textarea
icon-eye-dark Created with Sketch. 1.927
Svelte Relative Time Relative Time for Svelte
icon-eye-dark Created with Sketch. 418