DASHBOARDS & EDITORS

SEO Analysis AI Agent Chat

A pristine, high-fidelity chat interface designed for interacting with specialized AI agents (like an SEO Specialist). It features a full-width viewport design with a collapsible sidebar and a central chat feed capable of rendering complex, interactive data cards.

#dashboards#motion#typescript

Source on GitHub

components/flourish/seo-agent-chat-ui.tsx

LIVE PREVIEWOpen in new tab

Next.js 16 • React 19 • TypeScript•Tailwind CSS v4

Registry Slug:seo-agent-chat-ui

QUICKSTART

Make it yours.

Install the source, then customize it in your project.

REGISTRY ITEM

PACKAGE MANAGER

pnpm dlx shadcn@latest add https://flourish-ui.vercel.app/r/seo-agent-chat-ui.json

Adds source to components/flourish/

01Dependencies 2 packages

framer-motionlucide-react

02Usage example Next.js / React

import Component from "@/components/flourish/seo-agent-chat-ui"

export default function Page() {
  return <Component />
}

First install? Run pnpm dlx shadcn@latest init once, then add this component. You get editable source code in your project.

EXPLORE MORE

More in Dashboards & Editors

Browse Dashboards & Editors

Agent Orchestration Dashboard

An ultra-premium, dark-mode orchestration dashboard designed for monitoring and deploying AI agents. Features a bespoke 16-bit pixel art lighthouse background and intricate widget layouts.

Minimalist Control Room

A stunning, hyper-minimal SaaS dashboard UI featuring bespoke handcrafted SVG charts, wireframe-style crop marks, and perfect technical typography.

Draggable Widget Observability Grid

A beautiful, draggable grid of widgets that can be rearranged seamlessly using `motion/react`.