Clarity Design System offers open-source UI components and design guidelines to help you build consistent, accessible web applications quickly and easily.
Build web apps with ready-to-use UI components
Clarity Design System is a resource for developers and designers who want to create web applications with a consistent look and feel. With its open-source library of UI components, you can quickly add accessible and responsive elements to your projects without starting from scratch.
The site also provides detailed design guidelines and documentation to help you maintain best practices throughout your workflow. Whether you’re building a dashboard, a complex app, or just want to speed up your frontend development, Clarity gives you the tools and patterns you need for a polished result.
Discover websites similar to Clarity.design based on shared categories, topics, and features.
Atlassian Design System offers guidelines, components, and tools for building consistent, accessible interfaces across Atlassian products and teams.
Ant Design offers a comprehensive React UI component library and design system, helping you build beautiful, enterprise-grade web apps with ease.
Origami Studio lets you design, animate, and prototype interactive user interfaces with real-time feedback and easy integration with Figma and Sketch.
Inclusive Components shares practical guides for building accessible web interfaces, offering patterns and tips for inclusive design in web development.
Material Design offers open-source tools and guidelines to help you create attractive, user-friendly digital products quickly and efficiently.
Shopify Polaris offers a toolkit and design system with components, icons, and guides to help you build consistent Shopify admin experiences.
Orbit is an open source design system offering reusable interface components and tools to help you build travel-related web projects efficiently.
Explore and use GOV.UK's official design system with ready-made styles, components, and patterns for building accessible government digital services.
Material Design offers adaptable guidelines and open-source code to help you create visually appealing, user-friendly digital products quickly and easily.
Spectrum is Adobe’s design system offering components and tools to help teams build cohesive, efficient, and consistent digital experiences.
GTK is a free, open-source toolkit for building cross-platform graphical user interfaces with a wide range of ready-to-use UI elements.
Syncfusion offers a wide range of UI components and tools for building powerful web, desktop, and mobile apps with frameworks like .NET, Angular, and React.
Explore SAP's Design System with Fiori, offering UI components and design guidelines to create streamlined, user-friendly enterprise applications.
Browse and use pre-built Material Design UI components for building responsive and accessible Angular web apps on desktop and mobile.
Fancyapps UI offers a robust JavaScript UI component library with ready-to-use, customizable tools to help developers build modern, feature-rich interfaces.
Browse and use XDSoft's UI components, including the Jodit PRO WYSIWYG editor, for building user-friendly web interfaces and editing content easily.
Shoelace offers a modern library of customizable web components you can add to any project, making UI development easier for developers and designers.
Semantic UI React offers ready-to-use UI components for building beautiful, responsive React apps with ease. Official integration for Semantic UI.
Create responsive web and mobile apps with customizable HTML5 UI components for Angular, React, Vue, and JavaScript—works on any browser or device.
Get ready-made Material Design UI components for Bootstrap in JavaScript, Angular, React, and Vue to speed up your web development projects.
Element Plus offers a collection of ready-to-use UI components for Vue 3, helping designers and developers build modern web apps more easily.
DHTMLX offers a customizable JavaScript/HTML5 UI library with ready-to-use components for building fast, interactive web and mobile applications.
Material UI offers a rich library of ready-to-use React components that bring Google's Material Design to your web apps. Open-source and easy to use.
Infragistics offers a complete library of UI components and tools for building modern web, desktop, and mobile apps with responsive design and data visualization.
Explore IBM's open source design system for building digital products, with ready-to-use code, design tools, and guidelines for seamless UI creation.
Acorn is the design system powering Firefox desktop and mobile browsers, offering reusable UI components and style guidelines for consistent interfaces.
Creative Tim offers ready-made UI kits, themes, and dashboards for web and mobile apps, supporting Bootstrap, React, Angular, and more frameworks.
Select2 offers a customizable dropdown UI library for web forms, making it easy to enhance select boxes with search, tagging, and more features.
Telerik offers .NET and JavaScript UI components, reporting tools, and automated testing solutions to help you build modern web, mobile, and desktop apps.
Build complex, data-rich web and mobile apps with Sencha’s enterprise-grade JavaScript and Java UI frameworks, featuring powerful UI components and grids.
Fomantic-UI is a community-driven web framework and UI library that helps you build beautiful, responsive websites with easy-to-use HTML and theming.
Master Addons offers 70+ widgets and extensions to enhance your Elementor website, making it easy to build unique landing pages with advanced features.
Browse and copy over 10,000 free, high-quality UI code snippets for your web projects. Find ready-made CSS and JavaScript components to speed up development.
CodyHouse offers ready-to-use HTML, CSS, and JS components and tools to help web designers quickly build and customize digital experiences.
Vaadin lets you build modern web apps in Java with ready-to-use UI components, backend integration, and no need for JavaScript or HTML coding.
React Bootstrap offers ready-to-use Bootstrap components for React, making it easy to build responsive, modern web interfaces with less code.
Bootstrap offers a free, open-source toolkit for building responsive websites with ready-to-use HTML, CSS, and JavaScript components.
Bulma is a free, open source CSS framework that helps you build responsive web interfaces easily with ready-to-use components and modern design.
Select2 offers a customizable, searchable select box for web forms, supporting tagging, remote data, and infinite scrolling with easy integration.
Swiper offers a free, open-source mobile touch slider for websites and apps, featuring fast, smooth transitions and easy integration with modern frameworks.
Flickity lets you add touch-friendly, responsive carousels and sliders to your website with smooth, effortless interaction and easy customization.
Animate.css offers a collection of easy-to-use CSS animations you can add to websites and apps for extra flair, emphasis, or attention-grabbing effects.
SweetAlert2 offers customizable, accessible popup boxes for JavaScript, making it easy to create beautiful alerts and dialogs for your web projects.
Splide offers a lightweight, flexible slider and carousel tool for websites, focusing on accessibility and zero dependencies. Written in TypeScript.