Next.js 14 · TypeScript · Tailwind CSS

Ship your AI SaaS in hours, not weeks

Astra gives you the complete UI layer for an AI-powered SaaS product. 14 production-ready pages. Working auth. Real OpenAI chat. Start from something great — not from scratch.

No signup required to explore the demo · demo@astra.dev / demo1234

14 production-ready pages44 hand-crafted componentsReal OpenAI streaming chatNextAuth readyFull TypeScript

The problem

You keep rebuilding the same frontend.

Every AI project starts the same way. You need auth pages, a dashboard, a chat UI, billing screens, settings, team management. You've built these before. You'll build them again. And every time, it takes three to four weeks you don't have.

Auth UI rebuilt from scratch — again

3 weeks on a dashboard that doesn't differentiate you

Billing pages copy-pasted from a previous project

Chat interface designed at 1am before your demo

Settings page shipped half-finished, forever

Login, signup, and forgot-password pages — fully designed

AI chat interface with streaming — plug in your API key

Billing UI that maps directly to Stripe's data model

Team management with roles, invite flow, and permissions

Settings with API keys, webhooks, notifications, and security

A design system so every page feels like it belongs together

The solution

Everything you were going to build, already built.

Astra is the complete UI kit for an AI SaaS product. Every screen you need, designed to production quality, with real interactions, loading states, and edge cases handled. You bring your backend — Astra handles everything the user sees.

Features

Every screen your AI SaaS needs

Not a starting point — a complete system. Ship it, then wire in your APIs.

Dashboard & Analytics

KPI cards, area charts with date-range toggle, per-model usage breakdown, and activity feed. Looks like a real product on day one.

AI Chat Interface

ChatGPT-style UI with streaming responses, conversation sidebar, model switcher, code block rendering, and token counter. Works with your OpenAI key.

Billing & Subscription UI

Usage meters per billing period, invoice history table with PDF download, and payment method management. Designed around Stripe's data model.

Team Management

Member directory with role badges, invite flow with loading states, per-member usage tracking, and a permission reference table.

Settings — Six Tabs

Profile, organization, API keys with create/rotate/delete, AI provider connections, notification preferences, and security settings.

Auth Pages

Login with email + optional GitHub OAuth. Multi-step signup with animated progress. Forgot password. All states handled: loading, error, success.

Live demo

See it before you buy it.

The full product is explorable right now — no signup, no configuration. Log in with the demo credentials and navigate every page, every state, every interaction.

No signup requiredRuns without API keysEvery page accessible

Demo credentials

Emaildemo@astra.dev
Passworddemo1234
Open Demo

What's included

Everything. No upsells.

14+

Pages

Auth, dashboard, chat, billing, team, settings, docs, notifications

44+

Components

Buttons, cards, badges, inputs, tabs, toasts, avatars, charts

3

Chart types

Area, bar, and progress charts via Recharts

4

Auth flows

Login, signup (2-step), forgot password, GitHub OAuth

ChatGPT-style chat with real OpenAI streaming
Multi-step signup flow (account + workspace setup)
API key manager — create, reveal, rotate, delete
Stripe-style billing UI (maps to Stripe's data model)
Toast notification system, built in
Dark mode first — light mode included
Fully responsive — every breakpoint tested
Zero heavy UI library deps — fully customizable

Who it's for

Built for people who ship.

Indie hackers

You move fast and don't have time to polish every pixel. Astra gives you a production UI so you can focus on your product, not your dashboard.

SaaS founders

You're validating an AI product and need something that looks credible on day one — not a side project skeleton your investors will judge.

Developers building AI tools

You know how to connect OpenAI. You don't want to spend three weeks designing a chat UI when one already exists.

Agencies and freelancers

Deliver AI SaaS dashboards faster, at higher quality, with a consistent design system your clients will assume cost $30k to build.

Pricing

One purchase. Yours forever.

No subscription. No per-seat fees. Commercial license included.

🚀 Launch price

Astra — Next.js AI Dashboard UI Kit

$29$19one-time

The complete UI layer for your AI SaaS. Ship in hours, not weeks.

  • Full source code — ZIP download, own it forever
  • 14 production-ready pages · 44+ components
  • Working auth (NextAuth) + real OpenAI chat
  • Billing, team, and settings UI — all included
  • Dark mode, light mode, fully responsive
  • Unlimited commercial projects — no attribution required
  • Future source updates included
Get Instant Access

Instant download after purchase · 30-day money-back guarantee

Frontend UI kit only — no backend, database, or payment processing included.

What happens after purchase

1

Purchase

Checkout via Gumroad. Instant confirmation email with your download link.

2

Download ZIP

Extract the source code. Runs with Node.js 18+ — no build tooling required.

3

Run locally in 5 min

npm install → cp .env.example .env.local → npm run dev. Log in with the demo account.

Built with Next.js 14, TypeScript, Tailwind CSSNo vendor lock-in — fully self-hostedUsed by developers building AI SaaS

Stop redesigning.
Start shipping.

Your next AI SaaS product deserves a frontend that looks like you meant it. Astra gives you that — in the time it takes tonpm install.