UI Components Tools

Open-source design tool with code inspection, flexible responsive layouts, real-time collaboration, layer support, auto layout, reusable components, and no tracking.

Sketch is a vector-based design tool for Mac with a focus on screen design. It’s used primarily by screen designers who create websites, icons, and user interfaces for desktop and mobile devices. For beginners and industry professionals alike, Sketch’s powerful and easy-to-use...

Devojo delivers a desktop-like experience for Penpot users with the additional of integrating tabs to conveniently traverse back and forth between projects. Offline support is available through the select your own instance option in settings, as well as the theme settings that...

Sketch your app ideas without stress Make hand-drawn style wireframes quickly and easily.

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Responsive framework with semantic, mobile-first design, offering HTML, CSS, JS resources for sites and emails, crafted by Zurb for accessibility.

An unofficial Electron-based Figma desktop app for Linux.

Design production-ready interactive content. Design interactivity and animation on an infinite canvas with real-time collaboration. Organized on a shared workspace for your entire team.

Revolutionize your development process by bridging the gap between designers and developers to turn your design visions into production-ready UIs.

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.

Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.

daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.

FigMayo is a platform that creates design system documentation from Figma. It transforms Figma files into a documentation site that reflects your library structure, allowing immediate publication from the app without separate...

Noodl is a no-code visual programming platform. It helps people build full-stack custom apps without limits.

React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases.

Overrrides is a no-code library of Framer code components built for designers. Speed up your workflow and unleash your creativity – without writing a single line of code.

Patterns - Component Aggregator is a comprehensive platform that consolidates various components, enabling designers and engineers to explore and implement prevalent UI/UX practices in their products.

Create beautiful, responsive & accessible web apps quickly with Vue or Nuxt. Nuxt UI is an open-source UI library of 100+ customizable components built with Tailwind CSS and Reka UI.

Kickstand UI is a lightweight, framework-agnostic design system built with standards-based Web Components, allowing seamless integration into any project regardless of the framework used. Developed using StencilJS and the Clarion style framework, it emphasizes accessibility...

Motiff is the UI design tool for the AI era. Get powerful Al and comprehensive design features, prototyping, Dev Mode, and an all-in-one platform.

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open source. Open code.

Untitled UI is the world's largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast.

Universal shadcn/ui for React Native featuring a focused collection of components - Crafted with NativeWind v4 and accessibility in mind.

UI Builder – Mockup Tool is a fast Web Wireframe & Web Design Tool that lets you sketch UI layouts on any live page or on a new blank page. Quickly show clients possible design changes directly on the live website, without switching tools.

Alloy is the first lifelike AI prototyping tool for product managers, built to turn ideas into high-fidelity, clickable prototypes fast. Recreate existing product pages in minutes, keep component libraries and design systems in sync, and explore new flows with pixel-perfect...