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

drab Unstyled Svelte Component Library
icon-eye-dark Created with Sketch. 2.252
Unpic Img Svelte Responsive Image Component
icon-eye-dark Created with Sketch. 879
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 Parallax Parallax Component
icon-eye-dark Created with Sketch. 2.651
Svelte YouTube Embed Embed a clickable YouTube Thumbnail
icon-eye-dark Created with Sketch. 378