Components AI records 8,516 monthly visits with -18.9% month-over-month growth and Free pricing. Recontent records 0 monthly visits with 0% growth and Free pricing.
An open-source, code-free studio for building parametric and generative design systems
Typed design tokens that type-check your design system
| Dimension / Metric | ||
|---|---|---|
| Official Domain | components.ai | recontent.app |
| Pricing Model | Free | Free |
| Monthly Visits | 8.52K (8,516) | 0 (0) |
| MoM Traffic Delta | -1.99K (-18.9%) | 0 (0%) |
| Primary Market & Share | 🇮🇳 India (38.7%) | 🌐 Global (—) |
| Direct Visits / mo | 3.19K | 0 |
| 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.
Typed design tokens that type-check your design system
Reference, system and component tokens split raw values, meaning and component decisions into layers that type-check against each other.
Everything is a plugin, from CSS variables and Tailwind v4 to StyleX, DTCG JSON, docs, TypeScript and Swift, plus your own generators.
recontent diff compares tokens against a git revision and separates renames from removals and value changes from breaking ones, so CI can fail the build.
Define a dark mode or a new brand palette in a few lines; aliases follow automatically and only changed values ship in CSS.
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
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
Free / Open-sourceOpen-source AI automation that unifies agents, flows and 770+ app integrations
Free / Open-sourceOpen-source AI automation that unifies agents, flows and 770+ app integrations
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
Software localization on autopilot with AI drafts and human review
Software localization on autopilot with AI drafts and human review
The AI memory layer that remembers your work for you
The AI memory layer that remembers your work for you
AI color palette generator with live previews on real design mockups
AI color palette generator with live previews on real design mockups
