Components for Businesses, Not Buttons
React gave us component-based UI. mdxui gives us component-based businesses. Declare your startup in a single file—auth, billing, agents, APIs—all wired and ready.
You've built this scaffolding before.
- providers.ts
- session.ts
- middleware.ts
- callbacks.ts
- stripe.ts
- webhooks.ts
- checkout.ts
- plans.ts
- users.ts
- teams.ts
- billing.ts
- middleware
- validators
- components
- charts
- layouts
- invites.ts
- permissions.ts
- seats.ts
- db.ts
- email.ts
- analytics.ts
- schema.prisma
- package.json
- ... (23 more files)
One File. Full Business.
This isn't a mockup. Each component deploys real infrastructure.
---
$type: SaaS
$id: acme-analytics
name: "Acme Analytics"
---
<Startup
name="Acme Analytics"
domain="acme.analytics"
billing={stripe}
/>
<Agent
name="DataAnalyst"
role="Analyze metrics and surface insights"
tools={[query, visualize, report]}
/>
<Service
name="Analytics API"
endpoints={[track, identify, query]}
rateLimit={{ requests: 10000, window: "1h" }}
/>
<Dashboard metrics={[mrr, churn, nps]} />
<Team invites billing={perSeat} />Three Layers of Abstraction
mdxui components operate at three levels—each one eliminating categories of work you'd otherwise do by hand.
These aren't UI widgets—they're entire business models. Drop in a Startup component and you get authentication, billing, team management, and a customer dashboard.
AI-native primitives that execute business logic. Define an Agent with a role and tools—it starts working. Chain agents into Workflows that run autonomously.
Services-as-Software that connect and compose. Define endpoints, rate limits, and authentication in one place. Integrations are first-class citizens.
Everything You Need
Each component auto-wires to production infrastructure. No configuration required.
Authentication
OAuth, magic links, and SSO built-in
Billing
Stripe subscriptions and usage-based pricing
AI Agents
Deploy intelligent agents with tool access
Database
Postgres with automatic migrations
Teams
Multi-tenant workspaces and permissions
APIs
Type-safe REST and GraphQL endpoints
Transactional and marketing emails
Webhooks
Receive and send event notifications
Components
Pre-built dashboard and admin UI
The .do Stack
mdxui is the component layer of the .do ecosystem—a complete platform for building AI-native businesses.
Frequently Asked Questions
Everything you need to know about mdxui.
Why mdxui?
See how mdxui compares to building from scratch.
| Feature | Traditional Stack | mdxui |
|---|---|---|
| Time to MVP | 2-4 weeks | 1 day |
| Auth & SSO | ||
| Billing Integration | ||
| AI Agents | ||
| Type-safe APIs | Manual | Auto-generated |
| Database Migrations | Manual | Automatic |
| Team Management | ||
| Production Ready | Configure | Out of the box |