Trusted by 21k+ devs, designers and founders on Atheros

UI With Speed of AI AndThe Taste of a Designer

From one component to a full app, designer-quality and on brand, ready for React or Figma.

Running on

Or start with 350+ componentsnew components
every weekNew components every week

Explore More

Astra Sidebar

ReactVanilla

Privacy Selector Toggle

React

Uber-Inspired Route Animation Screen

Figma

Flip Card

ReactVanilla

Bento Grid

ReactVanilla

Liquid toggle animation

Figma

How It Works

From components, design systems to the whole product

Built on your design system, shipped to Figma, Claude Code or Codex.

How It Works

From components, design systems to the whole product

Built on your design system, shipped to Figma, Claude Code or Codex.

Component Collection

Start with 350+ beautiful components

We have done the hard work for you, just clone the component, adjust to design system and pull in to your project.

Trusted by 21k+ devs, designers and founders on Atheros

Design systems

Every component, screen and app, already on brand

Pick a design system and everything you create follows its colors, type, spacing and corner radius. Each one ships with its own design.md.

AtlasPass+CaretPass+Ember StudioPass+

Explore all design systems Create your own

Aperture

byAtheros

Use itUse this design system

Deep-navy UI with one violet accent — light, precise, quietly premium.

aperture.app

Aperture

Version 2.0 is live

Ship interfaces that feel finished

Tokens, components and patterns that keep every screen consistent, from the first draft to production.

Revenue+12.4%$48.2k

3 editors

Weekly volumeOrdersReturns1,284 · 278MonTueWedThuFriSatSun

Traffic8.4kvisitsSearch42%Direct27%Social19%Email12%

Emily CarterAnnual plan · Today, 09:41Paid$1,240

Marcus JohnsonTeam seats · YesterdayPending$386

Jasmine BrooksMonthly plan · MonPaid$48

AI agents

Your components, screens and apps, inside your agent

Connect once over MCP, and your agent finds, pulls and checks your Atheros components right in your codebase.

Search the catalog

Find the right one in 350+ components.

search_components

Reuse your library

Pull your private components into any project.

get_component

Generate new components

Describe it in your editor and get it back on brand.

generate_component

Validate the output

Checked against design.md and builder.md.

validate_project

MCP

terminal

claude mcp add atheros --transport http https://mcp.atheros.ai/v1 \
  --header "Authorization: Bearer ak_…" \
  --header "x-atheros-client: claude-code"

✓ Connected to Atheros Builder

› Add a pricing table to our marketing site

get_design_system→Aperture · tokens + design.md
search_components→Pricing Table · 4 variants
get_component→source, deps, component.md
validate_project→design.md ✓ builder.md ✓

✓ Added components/PricingTable.tsx

Figma export

Built in code, landed in Figma

Copy any component, screen or app and paste it into the Atheros Figma plugin. It lands as real, editable layers your design team can build on.

Real layers and auto-layout

Named layers in auto-layout frames, never a flat image.

Styling carried across

Colors, type, radii and shadows land exactly as rendered.

Every breakpoint, or this view

Mobile, tablet and desktop frames, or the exact state you see.

Whole apps, as clickable prototypes

Screens arrive linked, just like in the builder.

Copy to Figma

Get the plugin

Pricing

Simple, transparent pricing

Start building for free. Upgrade when you need more power.

Free

Free components, up to 5 of your own, with 100 AI credits a month.

/month

Start for free

Free forever, with:

Access to free components
100 AI credits per month for Atheros AI routing
Live preview & code view for free components
Copy code snippets for free components
Clone and generate up to 5 free components

Atheros AI Pass

Premium component templates, your own design systems and the full Atheros Learning library, with 750 AI credits a month.

/month

Everything in Free, plus:

750 AI credits per month
300+ premium components
Premium Atheros AI models
Up to 100 components
Build design systems
Organize in projects (up to 4)
Connect AI agents (read only)
Export components to Figma

Atheros AI Ultra

Frontier models, smart routing and up to 700 components, with 2,500 AI credits a month across 20 projects.

/month

Everything in Atheros AI Pass, plus:

2,500 AI credits per month
Frontier Atheros AI models
Atheros AI Ultra Mode
Up to 700 components
Organize in projects (up to 20)
Connect AI agents (full access)

Frontend AI agent for your company?Contact us here

Payments secured by

Ready to build?

350+ production-ready components and Atheros AI models. Every paid plan includes access to the whole Atheros — AI Builder and Learning.

Get Atheros AI Pass Try for Free

Starting at $9.9 per month, billed annually

Frequently Asked Questions

Can't find your answer? Ask the community or our support team.

Contact usContact Support Join Community

AI credits are the currency for AI-powered features. Each time you use an AI model to generate or modify a component, it costs credits. Different models cost different amounts depending on their capability tier.

Monthly credits refresh each billing cycle and don't roll over. However, any credits you purchase separately as add-on packs never expire — you need at least an Atheros AI Pass subscription to spend them.

Yes! Sign up for Free to get 100 credits per month for Atheros AI auto mode and test the platform. When you're ready, upgrade to Atheros Pass or Atheros AI Ultra — you can cancel anytime.

Yes. If you run out of your monthly credits, you can purchase credit packs. Packs start at 1,000 credits and scale up to 10,000. Unlike monthly credits, purchased packs never expire and stay in your account until you use them — so you can stock up during a busy month without worrying about losing them.

You do. Every component you generate or modify on Atheros is yours to use however you want — personal projects, commercial products, client work. We claim no ownership or licensing rights over your generated output.

Absolutely. There are no restrictions on commercial use. Freelancers and agencies use Atheros to build components for client projects every day. Your output is yours — ship it wherever you need.

Three modes, one choice. Auto picks the best fit for what you asked. Ultra goes for the most beautiful UI. Flash gets you results fastest.

Yes. Pick Auto, Ultra or Flash in the composer before you generate or modify a component, or set the one you want as your default in Settings. Ultra needs Atheros AI Ultra and Flash needs Atheros AI Pass; Auto is on every plan.

Auto reads how complex your prompt is and what you are working on, then matches the request to it. A one-line tweak is answered fast; a multi-file layout gets more care. You spend fewer credits without giving up the result.

Yes. You can create a custom design system by uploading or writing a design-system.md file with your brand's colors, typography, spacing, and radius tokens. Every component you generate will follow your design language — or start from one of our curated brand-inspired templates.

We currently support React, Next.js, and vanilla HTML/CSS/JS. Components can be generated in any of these frameworks, and you can switch frameworks on any existing component with one click.

You keep access until the end of your billing period.

Scroll for more questions

Note from founders

AI components and systems with real engineering and design behind them

Atheros Builder is created by three brothers from the product design and engineering industry — two developers and one designer who understand how real digital products are planned, designed, built, and shipped.

We built Builder because you don’t need more random AI output. You need components that feel on-brand, polished, responsive, and practical enough to use in real products.

With years of experience across design systems, frontend development, AI workflows, and product education — plus a community of more than 1M followers across our channels — we’re building Atheros Builder around the way you actually work: from idea to design, code, iteration, and production-ready UI respecting your current tool stack.

No AI slop. Just better components, faster.

David, Jan and Karel Mráz, the three brothers who founded Atheros