--- name: "@gaia" slug: "gaia" description: "Production-ready, open-source React components from the GAIA AI assistant team, built on Radix UI and Tailwind CSS. Includes ~30 components: Chat Demo, Chat Composer, iOS Message Bubbles, Model Selector, Tool Calls Section, AI streaming-oriented cards, Code Block, Knowledge Graph, File Dropzone, File Preview, and supporting data-viz (Area, Bar, Line, Pie, Scatter, Gauge, Radar charts) plus utility components like Navbar Menu, Slash Command Dropdown, and Workflow Card. Use for: assembling conversational AI assistant UIs and chatbot interfaces that need a polished, ready-to-ship look with minimal setup." category: "AI/chat UI" tags: ["ai", "auth", "blocks", "buttons", "cards", "charts", "dashboard", "developer-tools", "forms", "hooks", "icons", "loaders", "media", "mobile", "navigation", "overlays"] framework: "react" license: "MIT" author: "heygaia" website: "https://ui.heygaia.io" github: "https://github.com/heygaia/ui" registry: "https://ui.heygaia.io/r/registry.json" pro: false pro_url: null github_stars: 206 component_count: 26 generated_at: "2026-07-28T08:59:05.895Z" --- # @gaia Production-ready, open-source React components from the GAIA AI assistant team, built on Radix UI and Tailwind CSS. Includes ~30 components: Chat Demo, Chat Composer, iOS Message Bubbles, Model Selector, Tool Calls Section, AI streaming-oriented cards, Code Block, Knowledge Graph, File Dropzone, File Preview, and supporting data-viz (Area, Bar, Line, Pie, Scatter, Gauge, Radar charts) plus utility components like Navbar Menu, Slash Command Dropdown, and Workflow Card. Use for: assembling conversational AI assistant UIs and chatbot interfaces that need a polished, ready-to-ship look with minimal setup. ## Links - Website: https://ui.heygaia.io - GitHub: https://github.com/heygaia/ui - Registry JSON: https://ui.heygaia.io/r/registry.json - Directory page: https://sh4dcn.vercel.app/registry/gaia - This file: https://sh4dcn.vercel.app/md/gaia.md ## Install ```sh # add the whole registry (shadcn CLI) npx shadcn@latest add https://ui.heygaia.io/r/registry.json pnpm dlx shadcn@latest add https://ui.heygaia.io/r/registry.json bunx shadcn@latest add https://ui.heygaia.io/r/registry.json # clone the source repo git clone https://github.com/heygaia/ui.git # fetch the raw registry index curl -s https://ui.heygaia.io/r/registry.json ``` ## Components (26) | name | type | description | install | | --- | --- | --- | --- | | icons | registry:ui | Hugeicons wrapper for all components. Uses free icons by default - upgrade to Pro by changing imports. | `npx shadcn@latest add https://ui.heygaia.io/r/icons.json` | | holo-card | registry:ui | An interactive 3D holographic profile card with tilt effects, sparkle animations, and flip functionality. | `npx shadcn@latest add https://ui.heygaia.io/r/holo-card.json` | | nested-menu | registry:ui | A hover-activated nested menu component for multi-level navigation with smooth animations. | `npx shadcn@latest add https://ui.heygaia.io/r/nested-menu.json` | | raised-button | registry:ui | A beautiful 3D raised button with customizable colors and dynamic text contrast. | `npx shadcn@latest add https://ui.heygaia.io/r/raised-button.json` | | navbar-menu | registry:ui | A beautiful animated dropdown menu for navigation with support for icons, descriptions, and custom layouts. | `npx shadcn@latest add https://ui.heygaia.io/r/navbar-menu.json` | | github-stars-button | registry:ui | A beautiful button that displays your GitHub repository's star count with real-time data fetching. | `npx shadcn@latest add https://ui.heygaia.io/r/github-stars-button.json` | | author-tooltip | registry:ui | An interactive avatar with tooltip showing author information and social links. | `npx shadcn@latest add https://ui.heygaia.io/r/author-tooltip.json` | | link-preview | registry:ui | An interactive link component with rich preview tooltip showing website metadata like title, description, and images. | `npx shadcn@latest add https://ui.heygaia.io/r/link-preview.json` | | email-compose-card | registry:ui | An AI-powered email composition card with recipient validation, smart inputs, and beautiful styling. | `npx shadcn@latest add https://ui.heygaia.io/r/email-compose-card.json` | | search-results-tabs | registry:ui | A beautiful component for displaying search results with web pages, images, and news in an organized, interactive layout. | `npx shadcn@latest add https://ui.heygaia.io/r/search-results-tabs.json` | | message-bubble | registry:ui | Beautiful iOS-style message bubbles with authentic iMessage appearance, message grouping, and tail effects. | `npx shadcn@latest add https://ui.heygaia.io/r/message-bubble.json` | | weather-card | registry:ui | A beautiful, interactive weather card component with forecast, detailed metrics, and multiple weather conditions support. | `npx shadcn@latest add https://ui.heygaia.io/r/weather-card.json` | | slash-command-dropdown | registry:ui | A slash command dropdown for selecting tools and actions with categorization and search. | `npx shadcn@latest add https://ui.heygaia.io/r/slash-command-dropdown.json` | | composer | registry:ui | A chat message input component with file attachments, auto-growing textarea, and tool integration support. | `npx shadcn@latest add https://ui.heygaia.io/r/composer.json` | | pricing-card | registry:ui | A beautiful glassmorphism pricing card component with nested card design, feature lists, and customizable accent colors. | `npx shadcn@latest add https://ui.heygaia.io/r/pricing-card.json` | | knowledge-graph | registry:ui | An interactive D3.js-powered knowledge graph visualization with zoom, pan, drag, tooltips, and export functionality. | `npx shadcn@latest add https://ui.heygaia.io/r/knowledge-graph.json` | | tool-calls-section | registry:ui | An expandable section showing AI agent tool usage with icons, inputs, and outputs. | `npx shadcn@latest add https://ui.heygaia.io/r/tool-calls-section.json` | | wave-spinner | registry:ui | A beautiful animated loading spinner with wave effects, multiple patterns, colors, and highly customizable animations. | `npx shadcn@latest add https://ui.heygaia.io/r/wave-spinner.json` | | stat-row | registry:ui | A compact KPI tile with optional trend indicator for dashboards and summary panels. | `npx shadcn@latest add https://ui.heygaia.io/r/stat-row.json` | | bar-chart | registry:ui | A bar chart for comparisons and distributions, with stacked, horizontal, and grouped variants. | `npx shadcn@latest add https://ui.heygaia.io/r/bar-chart.json` | | line-chart | registry:ui | A line chart for trends over time with optional dots, labels, and multiple series. | `npx shadcn@latest add https://ui.heygaia.io/r/line-chart.json` | | area-chart | registry:ui | A filled area chart with gradient fills for cumulative trends and stacked totals. | `npx shadcn@latest add https://ui.heygaia.io/r/area-chart.json` | | pie-chart | registry:ui | A pie chart for proportions with donut, label, and legend display modes. | `npx shadcn@latest add https://ui.heygaia.io/r/pie-chart.json` | | scatter-chart | registry:ui | A scatter chart for exploring correlation between two numeric variables. | `npx shadcn@latest add https://ui.heygaia.io/r/scatter-chart.json` | | radar-chart | registry:ui | A radar chart for multi-axis comparisons across several dimensions. | `npx shadcn@latest add https://ui.heygaia.io/r/radar-chart.json` | | gauge-chart | registry:ui | A radial gauge for a single value with thresholds, plus text and stacked variants. | `npx shadcn@latest add https://ui.heygaia.io/r/gauge-chart.json` | ## For AI agents ```text You are adding components from @gaia to a shadcn-compatible project. 1. Read this file (https://sh4dcn.vercel.app/md/gaia.md) for the component list. 2. Fetch the machine-readable index: https://ui.heygaia.io/r/registry.json 3. Install a single component with its install command from the table above. 4. Full structured record: https://sh4dcn.vercel.app/json (library slug: gaia). ```