Components
Components AI is an open-source generative design platform founded in 2019 in London that lets designers and developers create custom design tools, themes, color systems, and visual components without coding, serving thousands of creatives including design firm Pentagram.
- Company typePrivate
- Founded2019
- HeadquartersLondon, United Kingdom
- Headcount1–10
- GTM typeB2B
- OfferingSoftware
What Components does
Components AI is an open-source generative design platform founded in 2019 and based in London that enables designers, developers, and creatives to build custom design tools, responsive components, themes, and visual assets without writing code. The platform is organized around four core products: Studio (a visual editor for generative components, pages, and sites), Theme (a design-token system supporting accessible color scales, responsive typography, layered shadows, and motion parameters, with the ability to import an existing site's CSS), Publisher (generative styles applied to markdown content), and Syntax Highlighting (brand-customizable code themes). Supporting tools include Color Scales (with LCH, LAB, HSL, HSV, RGB interpolation methods and accessibility scoring), a Color preview tool, and generative SVG components such as Voronoi, Delaunay, Circle Packing, Simplex, and SVG Grid. The product was described as the first design tool with full variable font axis support and supports multi-format export including React, JS, JSON, JSX, SVG, PNG, HTML, CSS, custom properties, and Sass.
The company operates a self-serve, product-led growth motion with free access via Google OAuth or password-free email login, and designs can be published instantly as hosted web pages. Its customer base spans web designers, web developers, and creative use cases such as musicians generating album artwork; Pentagram is the only named enterprise logo, and the platform is reported to be used by thousands of creatives. Components AI raised an undisclosed pre-seed round in August 2020 led by Notation and Box Group with participation from Form Capital and Josh Miller, and had a team of 3-4 people (founders John and Adam plus Dean Blacc and Nat Alison) by mid-2021. The platform passed 2 million generated designs in July 2021. No pricing tiers, subscription plans, or paid features have been publicly disclosed.
Components firmographics
Firmographics- Name
- Components
- Website
- https://components.ai
- Company type
- Private
- Founded year
- 2019
- Operating status
- Operating
- Headcount range
- 1–10 employees
- Short description
- Components AI is an open-source generative design platform founded in 2019 in London that lets designers and developers create custom design tools, themes, color systems, and visual components without coding, serving thousands of creatives including design firm Pentagram.
- Ownership category
- akta.pro rank
Components industry classification
Industry- Product category
- Generative Design Software
- NAICS
- Graphic Design Services (54143)
- akta.pro primary industry
- AI Application Enablement Platforms (Copilot/Agent Frameworks, SDKs) (HDAEANAJ)
- akta.pro secondary industry
- Creator Tools & Production (Overlays, Alerts, Encoding, Editing, Audio) (MPAFAEAC)
Keywords
Where Components is headquartered
LocationHeadquarters
- HQ city
- London
- HQ country
- United Kingdom
- HQ region
- Europe
Markets served
Components business model
Business model- GTM type
- B2B
- Offering type
- Software
- Cost components
- Personnel, Technology or R&D, Operations, Infrastructure
Revenue model
- Platform Services: The platform appears to offer free access with email login. Revenue model not explicitly disclosed on the website - no pricing tiers, subscription plans, or paid features clearly outlined in the provided source material.
Go-to-market motion2 records
Distribution channels1 record
Marketing channels5 records
Components product offering
Product offeringCore offering
Components AI provides an open-source, browser-based generative design platform that lets creatives build responsive components, pages, and sites without writing code. It offers visual tools for creating design tokens, accessible color systems, type scales, and themes, with parametric controls that allow users to explore and curate generated visual outputs and export them as production-ready React, JS, JSON, SVG, PNG, HTML, CSS, or Sass.
Product overview
Components AI is an open-source design tool platform for creatives that provides a suite of generative design tools. The core platform includes Studio for visual design of generative components and sites, Theme for design token management (colors, typography, spacing, shadows, motion), Publisher for markdown with generative styles, and Syntax Highlighting for code display. The platform offers specialized tools including Color Scales (palette generation), Color (preview and accessibility), and various generative SVG components (SVG Grid, Voronoi, Delaunay, Circle Packing, Simplex). All tools support constraint-based designs that automatically adhere to defined brand guidelines with multi-format export capabilities.
Differentiator
Problem solved
Functional benefit
Products and services
- Studio Studio is the core visual editor of Components AI, enabling users to design responsive layouts, build custom generative design tools, and create components, pages, and sites without writing code. It is targeted at designers and developers who want to explore interactive, editable CSS examples and parametric design.
- Theme Theme is a design token system that lets users define or import colors, typography, motion, shadows, and spacing for use across all designs. It includes dedicated tools for building accessible color systems and responsive type scales, and supports theme import from existing websites by parsing CSS for brand values.
- Publisher Publisher combines generative styles with markdown content, letting users cycle through aesthetic styles applied to markdown and publish or export the result as HTML, CSS, and Markdown for the web.
- CSS.GUI CSS.GUI is an open-source collection of visual editors for CSS that provides interactive documentation and examples for properties such as border-radius, background-image gradients, box-shadow, and text-shadow.
Quantifiable outcome
- Passed 2 million generated designs milestone
Companies that use Components
Customer profileNamed customers1 record
Segments3 records
Ideal customer profiles2 records
Components technology and API
TechnologyTechnology focussed Yes
API detail
- Has API
- Yes
- API docs
- API detail
Core technology
AI maturity
App detail
AI capability3 records
Feature1 record
Components partnerships and signals
Strategic signalScale indicators3 records
Recent moves6 records
Expansion highlights5 records
Components competitors and assessment
Company assessmentEmerging players
- Builder.io: Visual CMS and design-to-code platform with AI-assisted page generation. Comparable in serving the design-system-to-production-code workflow, with partial overlap on generative page building.
- Anima: Design-to-code tool that turns Figma designs into React/Vue/HTML. Comparable on the design-system-to-production-code handoff that Components AI addresses with its multi-format export.
- Penpot: Open-source design and prototyping platform. Comparable to Components AI's open-source ethos and web-component-style design approach, with community-driven development.
- Plasmic: Visual builder for React apps and websites with design-system integration. Overlaps with Components AI on the designer/developer handoff and component-driven design.
- TeleportHQ: AI-powered visual web builder with low-code generation of responsive components. Overlaps with Components AI on generative UI/component creation for web projects.
Direct peers
- Webflow: Visual web design platform that lets users build responsive sites with design-system controls and export production code. Closely comparable on the visual-design-to-code workflow that Components AI targets.
- Framer: Design-and-publish platform with strong component primitives, theme controls, and CMS features. Comparable as a design tool targeting creative professionals and developers building interactive web experiences.
- Sketch: Established design platform for digital product design with shared components and design tokens. Comparable as a design-system-focused tool serving web and product designers.
- Figma: Leading collaborative design platform with strong component, theme, and design-token features. Directly comparable as a web-based design tool for designers and developers, though focused on collaborative editing rather than generative AI.
Broad incumbents
- Adobe (Creative Cloud / Express): Dominant creative software suite with Firefly-powered generative AI features spanning design, illustration, and web. Broad incumbent overlapping Components AI on generative design tooling with vastly larger distribution.
Market position
Strengths4 records
Weaknesses4 records
Competitive moat4 records
Key risks6 records
Key highlights6 records
Customer concentration
Components social profiles
Digital presenceComponents financial estimates
Financial estimateRevenue estimate
Valuation estimate
Components leadership team
Management profileNumber of profiles
Profiles2 records
Components funding detail
Funding detailFunding overview
Funding rounds1 record
Investors
Funding detail is available on the Subscription and Enterprise plan.Contact sales →
Components M&A and investment
M&A and investmentM&A
Investments
M&A and investment is available on the Subscription and Enterprise plan.Contact sales →
Frequently asked questions about Components
What does Components do?
Components AI provides an open-source, browser-based generative design platform that lets creatives build responsive components, pages, and sites without writing code. It offers visual tools for creating design tokens, accessible color systems, type scales, and themes, with parametric controls that allow users to explore and curate generated visual outputs and export them as production-ready React, JS, JSON, SVG, PNG, HTML, CSS, or Sass.
Is Components a public or private company?
Components is a private company. It is classified as venture growth investor backed and is currently operating.
When was Components founded?
Components was founded in 2019. It employs 1 to 10 people.
Where is Components based?
Components is headquartered in London, United Kingdom, in the Europe region.
How does Components make money?
One revenue line is on record: platform Services.
Who are Components's main competitors?
Emerging players on record are Builder.io, Anima, Penpot, Plasmic and TeleportHQ. Direct peers are Webflow, Framer, Sketch and Figma. Adobe (Creative Cloud / Express) is listed as a broad incumbent.
Does Components have an API?
Yes. Components AI offers an API for converting JSX styled with Theme UI into images (JSX to PNG). The changelog also references API documentation available at /docs/api. Developer documentation is at components.ai/docs/api.
What industry is Components in?
Components's product category is Generative Design Software. Its primary akta.pro industry code is HDAEANAJ, AI Application Enablement Platforms (Copilot/Agent Frameworks, SDKs), with a secondary code of MPAFAEAC, Creator Tools & Production (Overlays, Alerts, Encoding, Editing, Audio). Its NAICS code is 54143.