Directory

UI kits

Reviewed resources in UI kits. 31 resources listed.

31 listings in UI kits

  • 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.com

    An 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.in

    A 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.io

    A 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.org

    A 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.

  • A 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.dev

    A 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.ai

    A 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.

  • A 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.io

    A 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.com

    A 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.design

    The 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.com

    An 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.app

    A 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.io

    A 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.com

    An 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.org

    An 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.com

    An 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.com

    A 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.

  • An 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.com

    A 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.com

    A 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.dev

    A 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.com

    A 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.