Components AI records 8,516 monthly visits with -18.9% month-over-month growth and Free pricing. DesignCode UI records 5,906 monthly visits with -65.1% growth and Freemium, Paid pricing.
An open-source, code-free studio for building parametric and generative design systems
A massive Figma & Framer UI component library with variables, variants, and adaptive layouts
| Dimension / Metric | | |
|---|---|---|
| Official Domain | components.ai | designcodeui.com |
| Pricing Model | Free | Freemium, Paid |
| Monthly Visits | 8.52K (8,516) | 5.91K (5,906) |
| MoM Traffic Delta | -1.99K (-18.9%) | -11.02K (-65.1%) |
| Primary Market & Share | 🇮🇳 India (38.7%) | 🇫🇷 France (79%) |
| Direct Visits / mo | 3.19K | 1.59K |
| User Rating | 4.3 | 4.2 |
| Supported Platforms | Website | Website |
An open-source, code-free studio for building parametric and generative design systems
Adjust parameters, lock the ones you like, and cycle through generated design variations until the result fits.
Point the tool at an existing website and it parses CSS for colors, typography, motion, shadows and spacing as design tokens.
Dedicated generators for contrast-checked color scales, responsive type scales and layered box shadows.
Export designs as React, JS, JSX, JSON, SVG, PNG, HTML, CSS, CSS custom properties or Sass.
A massive Figma & Framer UI component library with variables, variants, and adaptive layouts
Buttons, controls, menus, cards, navigation, and content blocks, each built as a reusable component with light/dark modes, sizes, and states.
Colors, spacing, and themes are driven by Figma Variables with 200+ variable definitions and 2,000+ variants, so changes cascade reliably.
Matching native Framer components let no-code builders publish sites without recreating the design system from scratch.
Switch between Glass, Outline, and Flat aesthetics to match different brand personalities and moods.
Build working apps, websites, and AI agents by describing them
Build working apps, websites, and AI agents by describing them
The pro website builder with a design agent on a fully editable canvas
The pro website builder with a design agent on a fully editable canvas
Google's AI tool for generating mobile and web UI designs from prompts
Ship on-brand product experiences with your team and AI agents
Ship on-brand product experiences with your team and AI agents
From idea or sketch to editable wireframes, hi-fi UI and code in minutes
From idea or sketch to editable wireframes, hi-fi UI and code in minutes
AI logo maker that grows into a full brand kit
AI logo maker that grows into a full brand kit
Design-aware AI agent that turns Figma files, URLs, and prompts into live apps
Design-aware AI agent that turns Figma files, URLs, and prompts into live apps
AI-native design workspace that turns prompts into production-ready UI
AI-native design workspace that turns prompts into production-ready UI
Build the design tool your idea needs — then export anywhere
Build the design tool your idea needs — then export anywhere
Describe an app, get one you can publish
Describe an app, get one you can publish
Build beautiful forms that write straight into Notion
AI color palette generator with live previews on real design mockups
AI color palette generator with live previews on real design mockups
