React dashboard source

Oryn - AI Agent SaaS

A complete AI agent SaaS interface, refined beyond the usual generated dashboard.

14 dashboard screens captured from the live demo.

Oryn - AI Agent SaaS - Dashboard
Dashboard1 / 14

Skip weeks of frontend groundwork

Start with complete flows, responsive states, and production setup. Spend your time on the product logic that makes the business yours.

Estimated time avoided
280-420 hrs
Equivalent frontend value
$14,000-$21,000

Built as a product, not a screen pack

Clear routes, reusable components, typed data, and production configuration are organized for real development work.

Product coverage
37 pages & routes
Experiences
Landing + dashboard
Source format
TypeScript TSX + CSS

What's inside

  • Complete React 18 and TypeScript source
  • AI agent dashboard, workflow builder, approvals, audit, and analytics screens
  • Marketing, authentication, onboarding, docs, pricing, and company routes
  • Zustand state, route-level code splitting, and reusable UI primitives
  • Responsive layouts with reduced-motion support
  • Vite and Vercel production configuration

Tech stack

React 18TypeScriptVite 5Tailwind CSS 3Framer MotionZustand

Project structure

src/pages/
Marketing and application routes
src/components/
Reusable interface components
src/lib/
Shared helpers and utilities
src/App.tsx
Routing and application composition
public/
Images, icons, and static assets
vite.config.ts
Production build configuration

Technical details

Oryn gives you a coherent starting point for an AI agent platform. The source includes both the public marketing experience and an authenticated product shell with the screens teams expect from an agent command center.

Product flows already mapped

Dashboard, agents, workflows, approvals, integrations, analytics, audit logs, and settings share one design language. Login, signup, onboarding, docs, pricing, trust, and company pages complete the product story.

Made to extend

  • Typed React components organized by app, marketing, and primitive layers
  • Local Zustand state that can be replaced with your API client
  • Reusable command menu, modals, navigation, widgets, and route shells
  • Responsive behavior and motion fallbacks already handled
  • Production build and SPA routing configured for Vercel

Scope

This product is a frontend UI and product-flow prototype using mock data. It does not include an agent runtime, model provider integration, database, authentication backend, billing backend, or production API.

Complete page preview

Screens captured directly from every linked page in the live demo.

Marketing pages

23 screens
Oryn - AI Agent SaaS UI Source Code - Landing page
Landing page/
Oryn - AI Agent SaaS UI Source Code - About
About/about
Oryn - AI Agent SaaS UI Source Code - Api
Api/api
Oryn - AI Agent SaaS UI Source Code - Blog
Blog/blog
Oryn - AI Agent SaaS UI Source Code - Careers
Careers/careers
Oryn - AI Agent SaaS UI Source Code - Changelog
Changelog/changelog
Oryn - AI Agent SaaS UI Source Code - Community
Community/community
Oryn - AI Agent SaaS UI Source Code - Contact
Contact/contact
Oryn - AI Agent SaaS UI Source Code - Docs
Docs/docs
Oryn - AI Agent SaaS UI Source Code - Legal - Cookies
Legal - Cookies/legal/cookies
Oryn - AI Agent SaaS UI Source Code - Legal - Privacy
Legal - Privacy/legal/privacy
Oryn - AI Agent SaaS UI Source Code - Legal - Terms
Legal - Terms/legal/terms
Oryn - AI Agent SaaS UI Source Code - Login
Login/login
Oryn - AI Agent SaaS UI Source Code - Onboarding
Onboarding/onboarding
Oryn - AI Agent SaaS UI Source Code - Security
Security/security
Oryn - AI Agent SaaS UI Source Code - Signup
Signup/signup
Oryn - AI Agent SaaS UI Source Code - Solutions - Engineering
Solutions - Engineering/solutions/engineering
Oryn - AI Agent SaaS UI Source Code - Solutions - Finance
Solutions - Finance/solutions/finance
Oryn - AI Agent SaaS UI Source Code - Solutions - Marketing
Solutions - Marketing/solutions/marketing
Oryn - AI Agent SaaS UI Source Code - Solutions - Operations
Solutions - Operations/solutions/operations
Oryn - AI Agent SaaS UI Source Code - Solutions - Sales
Solutions - Sales/solutions/sales
Oryn - AI Agent SaaS UI Source Code - Solutions - Support
Solutions - Support/solutions/support
Oryn - AI Agent SaaS UI Source Code - Status
Status/status

Dashboard and app pages

14 screens
Oryn - AI Agent SaaS UI Source Code - Dashboard
Dashboard/app
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents
Dashboard - Agents/app/agents
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents - Code Reviewer
Dashboard - Agents - Code Reviewer/app/agents/code-reviewer
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents - Content Repurposer
Dashboard - Agents - Content Repurposer/app/agents/content-repurposer
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents - Finance Approver
Dashboard - Agents - Finance Approver/app/agents/finance-approver
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents - Incident Responder
Dashboard - Agents - Incident Responder/app/agents/incident-responder
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents - Revenue Ops
Dashboard - Agents - Revenue Ops/app/agents/revenue-ops
Oryn - AI Agent SaaS UI Source Code - Dashboard - Agents - Support Triage
Dashboard - Agents - Support Triage/app/agents/support-triage
Oryn - AI Agent SaaS UI Source Code - Dashboard - Analytics
Dashboard - Analytics/app/analytics
Oryn - AI Agent SaaS UI Source Code - Dashboard - Approvals
Dashboard - Approvals/app/approvals
Oryn - AI Agent SaaS UI Source Code - Dashboard - Audit
Dashboard - Audit/app/audit
Oryn - AI Agent SaaS UI Source Code - Dashboard - Integrations
Dashboard - Integrations/app/integrations
Oryn - AI Agent SaaS UI Source Code - Dashboard - Settings
Dashboard - Settings/app/settings
Oryn - AI Agent SaaS UI Source Code - Dashboard - Workflows
Dashboard - Workflows/app/workflows

Objections, answered

Before you purchase

The license, support and refund terms that matter most.

Regular or Extended?
Choose Regular when end users access the app for free. Choose Extended when you charge for the app, a subscription or a SaaS product.
What is included?
Full source code, lifetime product updates and 6 months of support are included with both license types.
Can I request a refund?
Direct purchases have a 30-day technical guarantee. Marketplace purchases follow the marketplace refund process.
Do I need Flutter experience?
Basic Flutter knowledge helps with source changes. FluxBuilder handles layouts and common app settings visually.

$44.50 direct · one-time

Ready to start your build?

Secure checkout with a 30-day technical guarantee. Full source code and lifetime updates included.