Back to packageRELEASE DETAILS

0.1.17

npm

@0xayushm/agent-ui

A reusable UI component library for AI agent dashboards.

Published15 Jul 2025

Direct dependencies40

Transitive dependenciesNot calculated

README

Current package documentation

🧩 @0xayushm/agentui — Dashboard UI Component Library

Reusable, composable, and accessible dashboard components powered by shadcn/ui, Radix UI, and Tailwind CSS.

🚀 Why AgentUI?

After building multiple dashboards for our product BrewMyAgent and side projects, I realized I was recreating the same components over and over — buttons, cards, toasts, layouts... the whole drill.

So I created this library to:

📦 Package the components I was using again and again
🧱 Provide a solid base for any AI or analytics dashboard
🔁 Save dev hours with reusable UI logic
🌙 Support dark/light mode by default

✨ Features

Built with Next.js + shadcn/ui
Styled using TailwindCSS
Composed using Radix Primitives
Shipped via tsup in both ESM and CJS formats
TypeScript-first with auto-generated .d.ts
Works with Storybook for isolated previews
Easily customizable — bring your own theme

📦 Installation

npm install @0xayushm/agentui

Then import components in your app:

import { DashboardShell, AgentCard } from "@0xayushm/agentui"

🧪 Storybook

npm run storybook

Browse your components locally at: http://localhost:6006

📁 Usage Example

import { DashboardShell, AgentCard } from "@0xayushm/agentui"

export default function DashboardPage() {
  return (
    <DashboardShell>
      <AgentCard
        name="Finance Agent"
        description="Categorizes your transactions"
        status="active"
      />
    </DashboardShell>
  )
}

🛠️ Development

Clone and build locally:

git clone https://github.com/0xayushm/agentui.git
cd agentui
npm install
npm run build

📚 Docs & Contribution

This library is under active development and open to contributions!

🧩 Browse components in Storybook

📖 Read the Blog Post on how it was built

🙌 PRs are welcome!

Planning to add: Charts, Tables, AI prompts UI, Settings Panels — and more.

git clone https://github.com/0xayushm/agentui.git
cd agentui
npm install
npm run build

📚 Docs & Contribution

This library is under active development and open to contributions!

🧩 Browse components in Storybook
📖 Read the Blog Post on how it was built
🙌 PRs are welcome!

Planning to add: Charts, Tables, AI prompts UI, Settings Panels — and more.

⭐ Found it useful?

🌟 Star this repo
📥 Share with dev friends
💡 Contribute your own component!

Let’s build clean UIs, together. 🚀

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 52

Native requirements

40 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
clsx Environment { "local_name": "clsx", "alias": false, "peer_metadata": null }	`^2.1.1`	runtime
tailwind-merge Environment { "local_name": "tailwind-merge", "alias": false, "peer_metadata": null }	`^3.3.1`	runtime
@radix-ui/react-slot Environment { "local_name": "@radix-ui/react-slot", "alias": false, "peer_metadata": null }	`^1.2.3`	runtime
@radix-ui/react-label Environment { "local_name": "@radix-ui/react-label", "alias": false, "peer_metadata": null }	`^2.1.7`	runtime
@radix-ui/react-avatar Environment { "local_name": "@radix-ui/react-avatar", "alias": false, "peer_metadata": null }	`^1.1.10`	runtime
@radix-ui/react-popover Environment { "local_name": "@radix-ui/react-popover", "alias": false, "peer_metadata": null }	`^1.1.14`	runtime
@radix-ui/react-checkbox Environment { "local_name": "@radix-ui/react-checkbox", "alias": false, "peer_metadata": null }	`^1.3.2`	runtime
class-variance-authority Environment { "local_name": "class-variance-authority", "alias": false, "peer_metadata": null }	`^0.7.1`	runtime
react-syntax-highlighter Environment { "local_name": "react-syntax-highlighter", "alias": false, "peer_metadata": null }	`^15.6.1`	runtime
@radix-ui/react-dropdown-menu Environment { "local_name": "@radix-ui/react-dropdown-menu", "alias": false, "peer_metadata": null }	`^2.1.15`	runtime
next Environment { "local_name": "next", "alias": false, "peer_metadata": null }	`15.3.5`	development
tsup Environment { "local_name": "tsup", "alias": false, "peer_metadata": null }	`^8.5.0`	development
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^19.0.0`	development
sonner Environment { "local_name": "sonner", "alias": false, "peer_metadata": null }	`^2.0.6`	development
postcss Environment { "local_name": "postcss", "alias": false, "peer_metadata": null }	`^8.5.6`	development
recharts Environment { "local_name": "recharts", "alias": false, "peer_metadata": null }	`^3.1.0`	development
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^19.0.0`	development
storybook Environment { "local_name": "storybook", "alias": false, "peer_metadata": null }	`^9.0.16`	development
playwright Environment { "local_name": "playwright", "alias": false, "peer_metadata": null }	`^1.53.2`	development
typescript Environment { "local_name": "typescript", "alias": false, "peer_metadata": null }	`^5`	development
@types/node Environment { "local_name": "@types/node", "alias": false, "peer_metadata": null }	`^20`	development
next-themes Environment { "local_name": "next-themes", "alias": false, "peer_metadata": null }	`>=0.4.0`	development
tailwindcss Environment { "local_name": "tailwindcss", "alias": false, "peer_metadata": null }	`^3.4.17`	development
@types/react Environment { "local_name": "@types/react", "alias": false, "peer_metadata": null }	`^19`	development
autoprefixer Environment { "local_name": "autoprefixer", "alias": false, "peer_metadata": null }	`^10.4.21`	development
lucide-react Environment { "local_name": "lucide-react", "alias": false, "peer_metadata": null }	`^0.525.0`	development
@vitest/browser Environment { "local_name": "@vitest/browser", "alias": false, "peer_metadata": null }	`^3.2.4`	development
@types/react-dom Environment { "local_name": "@types/react-dom", "alias": false, "peer_metadata": null }	`^19`	development
@vitest/coverage-v8 Environment { "local_name": "@vitest/coverage-v8", "alias": false, "peer_metadata": null }	`^3.2.4`	development
tailwindcss-animate Environment { "local_name": "tailwindcss-animate", "alias": false, "peer_metadata": null }	`^1.0.7`	development
@tailwindcss/postcss Environment { "local_name": "@tailwindcss/postcss", "alias": false, "peer_metadata": null }	`^4`	development
@storybook/addon-a11y Environment { "local_name": "@storybook/addon-a11y", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@storybook/addon-docs Environment { "local_name": "@storybook/addon-docs", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@tanstack/react-table Environment { "local_name": "@tanstack/react-table", "alias": false, "peer_metadata": null }	`^8.21.3`	development
@storybook/nextjs-vite Environment { "local_name": "@storybook/nextjs-vite", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@storybook/addon-vitest Environment { "local_name": "@storybook/addon-vitest", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@chromatic-com/storybook Environment { "local_name": "@chromatic-com/storybook", "alias": false, "peer_metadata": null }	`^4.0.1`	development
@storybook/addon-actions Environment { "local_name": "@storybook/addon-actions", "alias": false, "peer_metadata": null }	`^9.0.8`	development
@storybook/addon-postcss Environment { "local_name": "@storybook/addon-postcss", "alias": false, "peer_metadata": null }	`^2.0.0`	development
@types/react-syntax-highlighter Environment { "local_name": "@types/react-syntax-highlighter", "alias": false, "peer_metadata": null }	`^15.5.13`	development
clsx Environment { "local_name": "clsx", "alias": false, "peer_metadata": null }	`>=2.0.0`	peer
next Environment { "local_name": "next", "alias": false, "peer_metadata": null }	`>=14.0.0`	peer
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`>=18.0.0`	peer
sonner Environment { "local_name": "sonner", "alias": false, "peer_metadata": null }	`>=1.0.0`	peer
recharts Environment { "local_name": "recharts", "alias": false, "peer_metadata": null }	`>=2.0.0`	peer
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`>=18.0.0`	peer
next-themes Environment { "local_name": "next-themes", "alias": false, "peer_metadata": null }	`>=0.4.0`	peer
lucide-react Environment { "local_name": "lucide-react", "alias": false, "peer_metadata": null }	`>=0.500.0`	peer
tailwind-merge Environment { "local_name": "tailwind-merge", "alias": false, "peer_metadata": null }	`>=2.0.0`	peer
@radix-ui/react-slot Environment { "local_name": "@radix-ui/react-slot", "alias": false, "peer_metadata": null }	`>=1.0.0`	peer
@tanstack/react-table Environment { "local_name": "@tanstack/react-table", "alias": false, "peer_metadata": null }	`>=8.0.0`	peer
class-variance-authority Environment { "local_name": "class-variance-authority", "alias": false, "peer_metadata": null }	`>=0.7.0`	peer

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "shasum": "abbfa8bc8274bc0789c95a3d084471ea3144454e",
  "tarball": "https://registry.npmjs.org/@0xayushm/agent-ui/-/agent-ui-0.1.17.tgz",
  "fileCount": 6,
  "integrity": "sha512-H3HH81uomN2KzlCccGWrMOGyPX+Ay2yvGg4L83KRSOZHsMEFCdQUFyWHuU2U/R3bp4sZWtr9u1eUPaaOVJKHSA==",
  "signatures": [
    {
      "sig": "MEUCIDYezvzAQ0h+LMS2ipiPJFviSmzGYwxeMQUK3lGyYlvfAiEAi6cc0s/so2UykAQVg4V4hKCEMS3X0RKQsZ6YFJnApUg=",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 90001
}

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 22:40 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:bfa6ec3b27cbd2ecab598cb48f97cbf15f990ac84178f7dfef2636b2caed190c

Other collected versions

0.1.2015 Jul 0.1.1915 Jul 0.1.1615 Jul 0.1.1415 Jul 0.1.1315 Jul 0.1.1210 Jul View all collected versions →