Demo

Getting Started with AI Feedback Assistant

Last updated on 2026-02-25

The AI Feedback Assistant is a live demo application that shows how the AI UX Kit and SaaS Starter Kit work together in a real product. It's a fully functional AI-powered feedback tool with authentication, onboarding, notifications, and a home dashboard — built entirely from TheFrontKit components.

What This Demo Shows

The AI Feedback Assistant demonstrates:

  • Complete auth flow — login, signup, OTP, forgot/reset password at root-level routes (/authentication/login, etc.)
  • Onboarding experience — first-time user setup flow
  • Home dashboard — main application interface
  • Notification system — in-app notification center
  • AI chat interface — all AI UX Kit recipes in action (prompt submission, citations, voice, upload, comparison, etc.)
  • Settings pages — account, billing, teams, notifications, privacy, AI integrations
  • Component explorer — browse all 136+ components with demo pages

What's Included

  • 136+ React components across primitives, composites, recipes, and templates
  • Root-level authentication pages (ready for production routing)
  • Onboarding flow
  • Home page
  • Notifications page
  • Full component explorer (same as SaaS Starter Kit)

Prerequisites

  • Node.js 18.17 or later
  • npm 9+ (or pnpm / yarn)

Quick Start

# 1. Clone the repository
git clone <your-repo-url> ai-feedback-assistant
cd ai-feedback-assistant

# 2. Install dependencies
npm install

# 3. Start the dev server
npm run dev

Open http://localhost:3000 to explore the application.

Key Routes

Route Description
/ Application root
/home Main dashboard
/authentication/login Login page
/authentication/signup Signup page
/authentication/otp OTP verification
/authentication/forgot-password Password recovery
/onboarding First-time user setup
/notifications Notification center
/composites Component explorer
/recipes Recipe pattern explorer

Tech Stack

Technology Version Purpose
Next.js 16.x React framework
React 19.x UI library
Tailwind CSS 4.x Styling
Radix UI latest Accessible primitives
TanStack Table latest Data tables

Next Steps

Next

Installation