19 tools curated in this category — including Brilliant, ASCII/cnlibs, Radian UI
techFind on mySelectas all sites and tools related to design-system. This selection of 19 resources is reviewed and maintained by the community. The most popular include Brilliant, ASCII/cnlibs, Radian UI. Each tool comes with a review, tags, comparisons and alternatives to help you make the best choice.
A professional design tool built for collaboration between human designers and AI agents, featuring real vector editing on a canvas that agents can directly manipulate. It exports to React, HTML, SVG, PDF, and video with built-in AI chat and design system
A free, open-source React component library with a terminal/ASCII look, built on shadcn/ui, for developers who want their web app to look like a monospace terminal interface.
A free, open-source React component library bundled with a matching Figma design system.
A free, open-source library of 109 animated UI components for React and Next.js, built with Motion and Tailwind CSS, distributed as copy-paste source via the shadcn CLI.
A free, open-source Web Components library that gives ordinary HTML form controls a soft, squishy physics-based feel, with zero dependencies and real accessibility support.
An offline desktop app for Mac and Windows combining font management, color palettes, and WCAG contrast checks in one workspace.
Free Figma plugin that syncs design tokens two-way between Figma and GitHub, with branches, pull requests, and rollback.
AI-powered color palette creation tool using Oklab/Oklch color spaces for sophisticated design system and UI color management.
DiffUI is an AI tool that generates new UI designs matching your product's existing look, then turns those designs into real, responsive code.
A professional icon library with nearly 28,000 icons across 10 styles, sold as one-time license packs rather than a subscription.
Design a product box's flat cutting pattern (a 'dieline') and see it rendered as a photorealistic 3D product photo in the same tool — instead of hiring a packaging designer for the technical file and a photographer for the mockup separately.
A free, open-source library of over 160 ready-made building blocks (buttons, forms, layouts) that developers drop into a website or app instead of designing every piece from scratch — and that AI coding assistants can use directly too.
A free, copy-paste component library that gives your web app a chunky retro 8bit look, built on top of the shadcn components developers already use.
A library of ready-made Tailwind CSS components you can copy-paste into a project — or, if you code with Claude or Cursor, let your AI assistant pull them in directly via MCP.
A library of pre-built, customizable UI blocks and templates on top of shadcn/ui, so React developers can assemble a polished interface instead of building every component from scratch.
Banani is an AI-powered UI design tool that generates editable UI prototypes and interactive designs from text prompts, images, and design briefs. Users can export to Figma, HTML/CSS, or images.
A free tool that lets you describe your software's architecture as simple text, then automatically turns it into clean, professional diagrams — so the diagram always matches the text description instead of drifting out of sync.
A free library of pre-built, animated building blocks for websites — instead of a developer hand-coding a fade-in effect or a particle background from scratch, they copy a ready-made component into their project and adjust it, the same way people already
Point ditto at any public webpage and it hands you back real, editable Next.js or Vite code — fonts, layout and design tokens included — instead of a screenshot or a rough approximation.
