A collection of 80+ web components built with Lit for creating interfaces for Umbraco CMS.
Umbraco UI is a comprehensive library of over 80 web components built with Lit and TypeScript, designed for creating user interfaces within the Umbraco CMS ecosystem. It provides a consistent, modern, and accessible design system to streamline development of Umbraco backoffice and custom applications. The components are framework-agnostic, tree-shakable, and include theming support.
Developers building interfaces for Umbraco CMS, including backoffice extensions and custom applications, who need a consistent, accessible design system. It's also suitable for teams working with any JavaScript framework or vanilla JavaScript, as the components are standard web components.
Developers choose Umbraco UI for its deep integration with Umbraco CMS, offering a ready-made, accessible component library that ensures consistency across Umbraco projects. Its framework-agnostic nature and tree-shakable imports provide flexibility and performance, while TypeScript support and comprehensive Storybook documentation enhance developer experience.
Umbraco UI Components
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Offers over 80 components across 13 categories, including buttons, inputs, and data display, all showcased in an interactive Storybook for easy exploration.
Built as standard web components using Lit, making them usable in any JavaScript framework or vanilla JS, ensuring flexibility across different tech stacks.
Allows importing only necessary components to minimize bundle sizes, as demonstrated in the quick start example with selective imports.
Includes light and dark theme CSS with CSS custom properties for easy customization, and emphasizes accessibility with built-in ARIA support and keyboard navigation.
Built with TypeScript, providing enhanced developer experience through type safety and autocompletion, as noted in the README.
Tailored specifically for Umbraco CMS interfaces, so its styling and component philosophy may not align with non-Umbraco projects without significant customization efforts.
Requires Node.js >= 24.13 and npm >= 11, which could be a barrier for teams on older versions or in environments with version constraints.
Depends on Lit ^3.0.0 as a runtime dependency, adding an external library overhead that might not be desired in projects aiming for minimal third-party code.