Directory
UI kits
Reviewed resources in UI kits. 31 resources listed.
A public-domain, JavaScript-free reference of loading-spinner designs implemented as low-frame-rate CSS or SVG, cutting a typical laptop's GPU usage from around 50 percent to single digits.
madeui
madeui.comAn open-source UI component library whose 59 components are copied into your project as editable source files, built on Base UI and StyleX with typed design tokens.
Crucible
crucible-docs.naveenr.inA code generation engine that scaffolds production-ready React, Vue, Angular and React Native components styled with CSS Modules, SCSS, Tailwind, NativeWind or StyleSheet, producing plain source files a project owns instead of a runtime package.
Agent2Agent Editor
open-resource-discovery.github.ioA set of UI components for editing, viewing and testing agents that implement the Agent2Agent (A2A) protocol, usable as an npm package or a ready-to-run Docker image with a live playground.
Object UI
objectui.orgA schema-driven UI rendering engine that turns a JSON schema into production React components such as grids, kanban boards, dashboards and Gantt charts, so an AI agent can generate UI as compact JSON instead of hand-written React.
Sendmux Feedback Widget
sendmux.aiA framework-agnostic, drop-in feedback widget for a website or app that turns each submission into structured email and webhook data an AI agent workflow can classify, group and route.
Design System Contracts
ds-contracts-playground.pages.devA proof-of-concept tool that reads a React component library or a Figma design library into a shared, machine-readable contract, generates the other side from it, and compares both against that contract to catch drift between design and code.
copilot-sdk
copilot-sdk.yourgpt.aiA software development kit for building an AI copilot into a product, with React components for the frontend and a multi-provider LLM SDK for the backend.
bootstrapKnowledgeBaseTheme
github.comA free HTML theme built on Bootstrap for building a knowledge-base or documentation site, intended to be customized to work with WordPress or other content-management systems.
React-Search
vectara.github.ioA React UI widget that adds Vectara-powered semantic search to a React application with a few lines of code, including a search input, results modal and configurable behavior.
SvGrid
svgrid.comA native Svelte 5 data grid and table, usable as a drop-in render component or as a standalone headless state machine, with virtualization for very large datasets.
Magic UI MCP
magicui.designThe official MCP server for Magic UI, letting an AI editor such as Cursor, Windsurf or Claude search, browse and install Magic UI components from natural-language requests.
Better Design
better-design.comAn open-source design MCP server and shadcn/ui component registry that gives AI coding agents design tokens, production component code, and accessibility review rules for more than 30 brand-grade design systems such as Linear, Stripe, and Notion.
Ant Design X Vue
antd-design-x-vue.netlify.appA Vue implementation of Ant Design X, a component library for building AI chat and conversational-interface (LUI) applications compatible with OpenAI-standard model APIs.
D2 Coding
naver.github.ioA monospaced coding typeface based on Nanum Barun Gothic, tuned for legibility and to keep similar-looking Latin, Hangul and punctuation characters distinguishable while writing code.
Lobe UI
ui.lobehub.comAn open-source React component library, built on Ant Design, for building AI-generated-content (AIGC) web applications such as chat and generative interfaces.
theSVG
thesvg.orgAn open-source library of more than 7,400 brand logo and cloud-architecture SVG icons for developers, distributed as tree-shakeable npm packages, a CLI, a CDN, and an MCP server.
@shadcn/lint
github.comAn agent-first linter for Tailwind design systems that lets you define allowed component styling rules and gives a coding agent guidance, not just an error, when it breaks one.
TypeUI DESIGN.md Extractor
chromewebstore.google.comA Chrome extension that reads a website's typography, color, and spacing and turns them into a design-system reference file that AI coding tools can use when building a site.
Shadcn UI v4 MCP Server
github.comAn MCP server that gives AI coding assistants access to shadcn/ui component source code, demos, blocks, and metadata across React, Vue, Svelte, and React Native.
thinking-orbs
orbs.jakubantalik.comA small React component library of nine hand-tuned, animated dotted loading indicators for AI and agent chat interfaces, rendered on a plain 2D canvas with automatic dark and light theming.
AWTK
github.comA cross-platform GUI engine for building embedded, web, mobile, and desktop applications, doubling as the built-in GUI of ZLG's AWorksOS IoT operating system.
Deep Chat
deepchat.devA customizable web chat component that can be added to a site with one line of code, connecting to more than 20 AI APIs or a custom backend, with file, audio and speech support.
FormKit
formkit.comA form framework for React and Vue, designed for coding agents to reason about, with a single component API, co-located validation, and forms that automatically structure their own data.