GAIA UI Components — Preview & Copy | 21st

GAIA UI

by heygaia

2components11views

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

Auto-indexed

Nested Menu

Raised Button

That's all 2 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: 219
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 ↗
Bar Chart
bar-chart
A bar chart for comparisons and distributions, with stacked, horizontal, and grouped variants.
recharts1 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
Knowledge Graph
knowledge-graph
An interactive D3.js-powered knowledge graph visualization with zoom, pan, drag, tooltips, and export functionality.
d31 file
Docs ↗
Line Chart
line-chart
A line chart for trends over time with optional dots, labels, and multiple series.
recharts1 file
Docs ↗
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 ↗
Pie Chart
pie-chart
A pie chart for proportions with donut, label, and legend display modes.
recharts1 file
Docs ↗
Pricing Card
pricing-card
A beautiful glassmorphism pricing card component with nested card design, feature lists, and customizable accent colors.
1 file
Docs ↗
Radar Chart
radar-chart
A radar chart for multi-axis comparisons across several dimensions.
recharts1 file
Docs ↗
Scatter Chart
scatter-chart
A scatter chart for exploring correlation between two numeric variables.
recharts1 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:

Fork the repository
Create your component in registry/new-york/ui/
Add entry to registry.json and run pnpm run registry:build
Test locally with npx shadcn@latest add http://localhost:3000/r/[component-name].json
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

by Dillion Verma

components

coss

by coss

components

cult ui

by cult/ui

components

ReUI

by Sean Hello

components

Evil Charts

by Legion Dev

components

Browse every shadcn registry we track →

GAIA UI contents

Nested Menu

Raised Button

About GAIA UI

Also in the GAIA UI registry

Area Chart

Author Tooltip

Bar Chart

Composer

Email Compose Card

footer-glow

Gauge Chart

GitHub Stars Button

Holo Card

Icons

iPhone Mockup

Knowledge Graph

Line Chart

iOS Message Bubbles

Navbar Menu

Pie Chart

Pricing Card

Radar Chart

Scatter Chart

Search Results Tabs

Slash Command Dropdown

Stat Row

Weather Card

From the GAIA UI readme

GAIA UI - Component Registry

Why This Library?

Our Philosophy

Getting Started

Alternative: Using shadcn CLI

Base Components

Documentation

Current Status

Community & Support

Contributing

Development

Built With

Star History

License

What GAIA UI builds on

What GAIA UI shipped recently

Registries like GAIA UI

Related libraries

About GAIA UI

All 2 GAIA UI components