JordyAI is an elegant, publication-grade AI Dashboard Template designed for modern conversational interfaces, code playgrounds, image generation grids, and video production workspaces. Built on the cutting-edge foundations of Angular 22 and Tailwind CSS v4.0, it offers a state-of-the-art developer experience and a premium aesthetic that will instantly elevate your product.

---

Key Features

Bleeding-Edge Tech Stack: Built using Angular 22 standalone architecture with fine-grained Signals for reactive, ultra-fast performance, paired with Tailwind CSS v4's high-speed Oxide compiler.

Premium Editorial Aesthetics: An elegant combination of publication-style typography (`Lora` serif & `Plus Jakarta Sans`) and curated color schemes.

Responsive Dark Mode: Smooth transition between a Claude-inspired Sand Palette (light mode) and an executive high-contrast Carbon Palette (dark mode).

Multi-View Workspace: Pre-built specialized sub-views for:

💬 AI Conversational Chat (with message streaming simulation)

🎨 AI Image Generation Prompting & Grids

🎥 AI Video Creation & Clips Timeline

💻 Code Playground Sandbox

📚 Workspace Asset Library

Micro-Interactions & Motion: Fluid dropdown transitions, staggered list item reveals, and smooth blurred entry animations.

Workspace & Account Management: Sleek collapsible navigation sidebar featuring interactive space switcher dropdowns (switch between team plans, personal accounts, and subscription scopes).

What's Included

Full Source Code: Clean, well-structured Angular 22 & Tailwind CSS v4 template code.

Developer Guidelines (`DEVELOPER_GUIDE.md`): A detailed setup, design system guide, component API schema, and integration walkthrough.

Commercial License (`LICENSE.md`): Fully cleared for commercial SaaS, internal portals, and client web app deliverables.