Back to Templates

Jordy AI

Premium AI Chatbot & Platform

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.

Jordy AI

Key Features

  • Bleeding-Edge Tech Stack: 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: Elegant combination of publication-style typography (Lora serif & Plus Jakarta Sans) and curated color schemes.
  • Responsive Dark Mode: Smooth transition between Claude-inspired Sand Palette (light mode) and executive high-contrast Carbon Palette (dark mode).
  • Multi-View Workspace: Pre-built specialized sub-views for AI Conversational Chat, AI Image Generation, AI Video Creation, Code Playground, and 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.

What's Included

  • Full Source Code: Clean, well-structured Angular 22 & Tailwind CSS v4 template code
  • Developer Guidelines (DEVELOPER_GUIDE.md): Detailed setup, design system guide, component API schema
  • Commercial License (LICENSE.md): Fully cleared for commercial SaaS, internal portals, and client web app deliverables

Tech Stack

Angular 22Tailwind v4AI ChatbotMulti-modal