0.1.2

npm

@0xayushm/agentui

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

Published6 Jul 2025

Direct dependencies18

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 23

Native requirements

18 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
clsx Environment { "local_name": "clsx", "alias": false, "peer_metadata": null }	`^2.1.1`	runtime
next Environment { "local_name": "next", "alias": false, "peer_metadata": null }	`15.3.5`	runtime
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^18.0.0`	runtime
sonner Environment { "local_name": "sonner", "alias": false, "peer_metadata": null }	`^2.0.6`	runtime
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^18.0.0`	runtime
next-themes Environment { "local_name": "next-themes", "alias": false, "peer_metadata": null }	`^0.4.6`	runtime
lucide-react Environment { "local_name": "lucide-react", "alias": false, "peer_metadata": null }	`^0.525.0`	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
class-variance-authority Environment { "local_name": "class-variance-authority", "alias": false, "peer_metadata": null }	`^0.7.0`	runtime
tsup Environment { "local_name": "tsup", "alias": false, "peer_metadata": null }	`^8.5.0`	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
tailwindcss Environment { "local_name": "tailwindcss", "alias": false, "peer_metadata": null }	`^4`	development
@types/react Environment { "local_name": "@types/react", "alias": false, "peer_metadata": null }	`^19`	development
tw-animate-css Environment { "local_name": "tw-animate-css", "alias": false, "peer_metadata": null }	`^1.3.5`	development
@types/react-dom Environment { "local_name": "@types/react-dom", "alias": false, "peer_metadata": null }	`^19`	development
@tailwindcss/postcss Environment { "local_name": "@tailwindcss/postcss", "alias": false, "peer_metadata": null }	`^4`	development
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^18.0.0`	peer
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^18.0.0`	peer
tailwindcss Environment { "local_name": "tailwindcss", "alias": false, "peer_metadata": null }	`^4.0.0`	peer
lucide-react Environment { "local_name": "lucide-react", "alias": false, "peer_metadata": null }	`^0.525.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": "d033b7840d3b82bcf6b409901e721d0a586da930",
  "tarball": "https://registry.npmjs.org/@0xayushm/agentui/-/agentui-0.1.2.tgz",
  "fileCount": 6,
  "integrity": "sha512-Ksx6vSibsZxXuIWLWGqSnNb5SD3GjrAwMj4adSaBZLrBGqgSjcLUT32M1ke/P9X4DjKSki3SUqWLYVDbA3SX2Q==",
  "signatures": [
    {
      "sig": "MEQCIDYMsLZFsTGGxwhP4KQtee63vJ+3NY5Q+zGens9JlEXkAiBWZUbrgWPpdbx1Ah9EurAL1iTzAtppRlzsUVvVep0bCw==",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 21366
}

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 22:41 UTC

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

Record identity

package_version:a33671d4f3d1ce78d053d64b9b62535bbe230f2a21c44bf952db265d0baebd94

Other collected versions

0.1.108 Jul 0.1.98 Jul 0.1.88 Jul 0.1.76 Jul 0.1.66 Jul 0.1.56 Jul View all collected versions →