Material Design offers adaptable guidelines and open-source code to help you create visually appealing, user-friendly digital products quickly and easily.
Design digital products with adaptable guidelines
Material Design is your go-to resource for building beautiful and functional digital products. The site provides a comprehensive system of design guidelines, complete with open-source code, to help you create high-quality user interfaces that look great and work smoothly across devices.
Whether you’re a designer or developer, you’ll find practical tools, examples, and best practices to guide your projects from start to finish. Material Design makes it easier to ensure consistency and usability in your apps, letting you focus on delivering great experiences for your users.
Discover websites similar to M2.material.io based on shared categories, topics, and features.
Material Design offers open-source tools and guidelines to help you create attractive, user-friendly digital products quickly and efficiently.
Bulma is a free, open source CSS framework that helps you build responsive web interfaces easily with ready-to-use components and modern design.
SweetAlert2 offers customizable, accessible popup boxes for JavaScript, making it easy to create beautiful alerts and dialogs for your web projects.
Explore open-source React UI components and tools to speed up your web development, complete with live demos and clear documentation.
Select2 offers a customizable dropdown UI library for web forms, making it easy to enhance select boxes with search, tagging, and more features.
Pattern Lab lets you build, test, and showcase UI components for your design system in a flexible frontend workshop environment.
ProtoPie lets you create interactive, realistic prototypes for apps and devices without coding, making it easy to design and test user experiences.
Material Design Lite offers ready-to-use UI components and templates to help you quickly build fast, modern, and mobile-friendly web apps and pages.
Redux offers a flexible interface and panel builder for WordPress, helping you customize sites quickly with 49+ field types. Open source and easy to use.
React Bootstrap offers ready-to-use Bootstrap components for React, making it easy to build responsive, modern web interfaces with less code.
Preview HTML files from GitHub or Bitbucket directly in your browser without downloading or cloning the repository. Simple and instant HTML rendering.
Plyr lets you add a customizable, accessible media player for HTML5 video, audio, YouTube, and Vimeo to your website—easy to use and flexible.
Yeoman helps you kickstart modern web apps with hundreds of generators for popular frameworks like Angular, React, and more. Build projects faster and easier.
OpenSeadragon lets you view, zoom, and explore high-resolution images on the web. Easily add deep-zoom image viewers to your website or project.
Create interactive web and mobile app prototypes fast with drag-and-drop tools—no coding needed. Perfect for designers, entrepreneurs, and teams.
Format.JS helps you internationalize your web apps on both client and server, offering tools, libraries, and guides for seamless localization.
Fastly Polyfill delivers only the browser polyfills your site needs, helping web pages run smoothly and efficiently for all visitors.
Brackets is a free, open source code editor built for web designers and front-end developers, offering live preview, visual tools, and extension support.
YUI Library offers JavaScript tools, UI components, and detailed guides to help developers build interactive web apps. Site is for reference only.
CodePen is an online code editor and social platform where you can write, test, and share HTML, CSS, and JavaScript projects in your browser.
Explore and use GOV.UK's official design system with ready-made styles, components, and patterns for building accessible government digital services.
Atlassian Design System offers guidelines, components, and tools for building consistent, accessible interfaces across Atlassian products and teams.
Clarity Design System offers open-source UI components and design guidelines to help you build consistent, accessible web applications quickly and easily.
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 SAP's Design System with Fiori, offering UI components and design guidelines to create streamlined, user-friendly enterprise applications.
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.
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.
Splide offers a lightweight, flexible slider and carousel tool for websites, focusing on accessibility and zero dependencies. Written in TypeScript.
Master Addons offers 70+ widgets and extensions to enhance your Elementor website, making it easy to build unique landing pages with advanced features.
Spectrum is Adobe’s design system offering components and tools to help teams build cohesive, efficient, and consistent digital experiences.
UIkit is a lightweight, modular web framework that helps you quickly build fast and stylish user interfaces for websites and web apps.
GenerateBlocks helps you build flexible WordPress sites using a small set of versatile blocks, making website design simple and efficient.
Lit.dev helps you build fast, simple web components with modern features. Explore documentation, examples, and a supportive developer community.
Tailwind CSS lets you build modern, responsive websites quickly using utility-first classes, all without leaving your HTML. Easy to customize and use.
GTK is a free, open-source toolkit for building cross-platform graphical user interfaces with a wide range of ready-to-use UI elements.
PhotoSwipe offers a responsive, open-source JavaScript image gallery and lightbox for easy integration into websites, with updated docs and examples.
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.
Popper helps you easily position tooltips and popovers in your web apps, making interface elements look great and work smoothly.
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.
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.
Browse and use pre-built Material Design UI components for building responsive and accessible Angular web apps on desktop and mobile.
Ant Design offers a comprehensive React UI component library and design system, helping you build beautiful, enterprise-grade web apps with ease.
Creative Tim offers ready-made UI kits, themes, and dashboards for web and mobile apps, supporting Bootstrap, React, Angular, and more frameworks.
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.
Foundation is a responsive front-end framework offering HTML, CSS, and JavaScript tools to quickly prototype, build, and customize modern websites.
Access free, ready-to-use web design tools and resources for personal or commercial projects—no attribution needed.
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.
Basscss is a low-level CSS toolkit that helps you build fast, scalable, and readable user interfaces with simple, human-friendly class names.
Select2 offers a customizable, searchable select box for web forms, supporting tagging, remote data, and infinite scrolling with easy integration.