HomeBookmarks
GAIA UIGAIA UI
GAIA UI

GAIA UI

HEby heygaia
9components56.4Kviews113bookmarks

Installs all 27 components. Without our CLI, run instead.

Auto-indexed

GAIA UI contents

  • Knowledge Graph

    Knowledge Graph

  • Radar ChartRadar Chart

    Radar Chart

  • Pie Chart

    Pie Chart

  • Scatter ChartScatter Chart

    Scatter Chart

  • Line ChartLine Chart

    Line Chart

  • Bar ChartBar Chart

    Bar Chart

  • Pricing CardPricing Card

    Pricing Card

  • Nested MenuNested Menu

    Nested Menu

  • Raised Button

    Raised Button

  • That's all 9 components

    About GAIA UI

    GAIA UI publishes a shadcn registry at ui.heygaia.io, with 27 components installable through the shadcn CLI.

    Components
    27
    GitHub stars
    225
    Last commit
    Sep 3, 2026
    Repository
    theexperiencecompany/gaia-ui

    Also in the GAIA UI registry

    Copy a prompt for your agent, copy the install command, or open the docs that ship it.

    • Area Chart

      area-chart

      A filled area chart with gradient fills for cumulative trends and stacked totals.

      recharts1 file
      Docs ↗
    • Author Tooltip

      author-tooltip

      An interactive avatar with tooltip showing author information and social links.

      1 file
      Docs ↗
    • Composer

      A chat message input component with file attachments, auto-growing textarea, and tool integration support.

      file-preview1 file
      Docs ↗
    • Email Compose Card

      email-compose-card

      An AI-powered email composition card with recipient validation, smart inputs, and beautiful styling.

      1 file
      Docs ↗
    • footer-glow

    • Gauge Chart

      gauge-chart

      A radial gauge for a single value with thresholds, plus text and stacked variants.

      recharts1 file
      Docs ↗
    • GitHub Stars Button

      github-stars-button

      A beautiful button that displays your GitHub repository's star count with real-time data fetching.

      @radix-ui/react-icons1 file
      Docs ↗
    • Holo Card

      holo-card

      An interactive 3D holographic profile card with tilt effects, sparkle animations, and flip functionality.

      react-parallax-tilt2 files
      Docs ↗
    • Icons

      Hugeicons wrapper for all components. Uses free icons by default - upgrade to Pro by changing imports.

      @hugeicons/react, @hugeicons/core-free-icons1 file1 example
      Docs ↗
    • iPhone Mockup

      iphone-mockup

      Pixel-perfect iPhone Pro mockup with Dynamic Island, side buttons, status bar and home indicator. Geometry matched to orchid.ai (390 x 815 chassis, 56/46 px corner radii, 120 x 37 Dynamic Island).

      1 file1 example
    • iOS Message Bubbles

      message-bubble

      Beautiful iOS-style message bubbles with authentic iMessage appearance, message grouping, and tail effects.

      2 files
      Docs ↗
    • Navbar Menu

      navbar-menu

      A beautiful animated dropdown menu for navigation with support for icons, descriptions, and custom layouts.

      motion, next1 file
      Docs ↗
    • Search Results Tabs

      search-results-tabs

      A beautiful component for displaying search results with web pages, images, and news in an organized, interactive layout.

      framer-motion1 file
      Docs ↗
    • Slash Command Dropdown

      slash-command-dropdown

      A slash command dropdown for selecting tools and actions with categorization and search.

      2 files
      Docs ↗
    • Stat Row

      stat-row

      A compact KPI tile with optional trend indicator for dashboards and summary panels.

      @hugeicons/react, @hugeicons/core-free-icons1 file
      Docs ↗
    • Weather Card

      weather-card

      A beautiful, interactive weather card component with forecast, detailed metrics, and multiple weather conditions support.

      3 files
      Docs ↗

    From the GAIA UI readme

    GAIA UI - Component Registry

    A collection of production-ready UI components designed specifically for building AI assistants and chatbots. These are the components we use at GAIA, now available for anyone building conversational interfaces.

    Why This Library?

    Building a great chat or assistant interface requires more than just generic UI components. We've spent countless hours refining these components to handle the unique challenges of conversational UIs.

    Instead of reinventing the wheel, use the same battle-tested components that power GAIA.

    Our Philosophy

    Quality Over Quantity - We focus on shipping production-ready components that solve real problems. Each component is:

    • ✅ Battle-tested in production at GAIA
    • ✅ Designed to handle edge cases and real-world scenarios
    • ✅ Accessible, responsive, and performant
    • ✅ Solving problems better than existing alternatives

    You won't find generic components that duplicate what's already available. If we're shipping it, it's because we use it in production and it adds genuine value to the ecosystem.

    Getting Started

    Add components to your project:

    npx @heygaia/ui add navbar-menu
    

    Add multiple components at once:

    npx @heygaia/ui add raised-button chat-bubble tool-calls-section
    

    Alternative: Using shadcn CLI

    You can also use the shadcn CLI directly with the full registry URL:

    npx shadcn@latest add https://ui.heygaia.io/r/navbar-menu.json
    

    Or configure the @heygaia namespace in your components.json:

    {
      "registries": {
        "@heygaia": "https://ui.heygaia.io/r/{name}.json"
      }
    }
    

    Then use namespace syntax:

    npx shadcn@latest add @heygaia/navbar-menu
    

    Base Components

    This registry uses standard shadcn/ui base components. Install them separately:

    npx shadcn@latest add button tooltip avatar dropdown-menu popover skeleton
    

    Documentation

    • Component Docs - Live examples and API reference
    • Contributing Guide - Complete guide for adding components
    • Roadmap - See what's coming next

    Current Status

    GAIA UI is in beta. We're actively migrating components from our internal GAIA codebase, replacing HeroUI with shadcn/ui for better compatibility and smaller bundle sizes. The library is stable and used in production, but APIs may change as we refine components before v1.0.

    View detailed roadmap →

    Community & Support

    Join our growing community of users and contributors:

    •  Discord — Chat with the team and other users.
    •  Twitter — Get the latest news and updates.
    •  GitHub — Report issues and contribute.

    Contributing

    We welcome contributions! Whether you're fixing bugs, improving documentation, or adding new components, we'd love your help.

    Read the Contributing Guide →

    Quick start for contributors:

    1. Fork the repository
    2. Create your component in registry/new-york/ui/
    3. Add entry to registry.json and run pnpm run registry:build
    4. Test locally with npx shadcn@latest add http://localhost:3000/r/[component-name].json
    5. Submit a pull request

    Development

    # Install dependencies
    pnpm install
    
    # Run dev server
    pnpm run dev
    
    # Build registry
    pnpm run registry:build
    
    # Type check
    pnpm run type
    

    Built With

    • Next.js 15 - For the documentation and registry
    • Tailwind CSS v4 - For styling
    • TypeScript - For type safety
    • Radix UI - For accessible primitives
    • Framer Motion - For animations
    • shadcn CLI - For component installation

    Star History

    License

    MIT License - feel free to use these components in your projects!


    Made with ❤️ by

    Read the rest on GitHub →

    What GAIA UI builds on

    The packages and primitives its components pull in, counted across the registry.

    chart7card6file-preview1skeleton1tooltip1

    What GAIA UI shipped recently

    Every appearance and removal our crawl has seen in the registry index.

    • footerremovedSep 3, 2026
    • footer-glowaddedSep 3, 2026
    • footeraddedSep 2, 2026

    Registries like GAIA UI

    Magic UI

    Magic UI

    by Dillion Verma

    64

    components

    coss

    coss

    by coss

    74

    components

    cult ui

    cult ui

    by cult/ui

    50

    components

    Motion Primitives

    Motion Primitives

    by Julien Thibeaut

    39

    components

    Browse every shadcn registry we track →

    ReUI

    ReUI

    by Sean Hello

    263

    components

    Evil Charts

    Evil Charts

    by Legion Dev

    13

    components

    1. Components
    2. /
    3. heygaia
    4. /
    5. GAIA UI

    Related libraries

    vizcn · by vibecoding.tech

    vizcn · by vibecoding.tech

    by Eugene Shilow

    17

    components

    Evil Charts

    Evil Charts

    by Legion Dev

    13

    components

    REAVIZ

    REAVIZ

    by REAVIZ

    12

    components

    ReUI

    ReUI

    by Sean Hello

    263

    components

    Spectrum UI

    Spectrum UI

    by Arihant jain

    108

    components

    Hirael

    Hirael

    by Mohammad Shehadeh

    218

    components

    About GAIA UI

    GAIA UI is a component library on 21st.dev by heygaia with 9 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 9 GAIA UI components

    • Bar Chart
    • Knowledge Graph
    • Line Chart
    • Nested Menu
    • Pie Chart
    • Pricing Card
    • Radar Chart
    • Raised Button
    • Scatter Chart

    Browse all component libraries →