PixilUI and beUI
Animated components for React, Next.js and React Native, built with Motion and Tailwind CSS: a free MIT library with an agents category of 18 components, and beUI Pro with 350+ premium blocks and templates.
In short
beUI is a motion-first library for React, Next.js and React Native. Its free MIT tier has 18 agent components, among them Approval Card, Tool Approval, Agent Activity and Streaming Response, and beUI Pro adds an approval queue, agent traces and background agents. Choose beUI for animated UI across a whole product and a mobile app. Choose PixilUI when the agent moments are the product and you want each item's states and keys listed on its page.
Checked against beUI's own docs on .
Side by side
| Question | beUI | PixilUI |
|---|---|---|
| What it is | Animated components, blocks, charts and templates for React, Next.js and React Native | AI product components published as a shadcn registry |
| Agent items | Free: 18 in its agents category, including Approval Card, Tool Approval, Tool Result, Agent Activity, Agent Loading States, Streaming Response, Citations, File Diff and Chat App. Pro: Approval Queue, Tool Approval queue, Agent Plan, Agent Traces, Background Agents, Context Window, Usage Budget | Approval card, run timeline, tool call row, thinking state, streaming text; agent inbox and eval table in Pro |
| Price | Web $129 a year or $179 once; Mobile $149 once; Web and Mobile $249 once; each for one person | Free items under MIT. Pro $199 once (the first 100 at $99 when Pro opens), Pro yearly $129, Team $599 once for 10 people |
| Teams | Extra seats bought from a Team page; once a teammate accepts, the seat stays with that email | Team $599 once for up to 10 people |
| Refunds | Not stated on its Pro page | 14 days if no Pro source was installed; after that if an item is broken and not fixed within 14 days |
| Agent setup | An agent skill, a hosted MCP server, llms.txt and a markdown page per component | llms.txt, an agent skill and a remote MCP server; free items need no login |
| Install | npx shadcn@latest add @beui/button | npx shadcn@latest add @pixilui/approval-card |
What beUI is good at
- Motion across the whole library: spring presses, morphing panels and rolling numbers, with shared easing tokens and reduced-motion handling, on the web and in React Native.
- A free agents category of 18 components under MIT, from Approval Card and Tool Approval to Chat App, a whole conversation workspace.
- Pro screens for reviewing and running agents: Approval Queue, Tool Approval with always-allow, Agent Traces with live replay, Background Agents, Audit Trail and Log Explorer.
- Agent setup: an agent skill, a hosted MCP server, llms.txt and a markdown page per component.
What PixilUI adds
- Agent items whose pages list every state: an approval card that asks for a second press at high risk and folds into a receipt, a run timeline with a step that waits on an approval, a tool call row with a live timer and its JSON one click away.
- One token foundation in two design styles, quiet and lively, so every item changes together.
- A Team license for up to 10 people in one company, and a 14-day refund before any Pro source is installed.
Install
beUI
npx shadcn@latest add @beui/buttonpnpm dlx shadcn@latest add @beui/buttonyarn dlx shadcn@latest add @beui/buttonbunx --bun shadcn@latest add @beui/buttonPixilUI, after adding the registry to components.json (installation)
npx shadcn@latest add @pixilui/approval-cardpnpm dlx shadcn@latest add @pixilui/approval-cardyarn dlx shadcn@latest add @pixilui/approval-cardbunx --bun shadcn@latest add @pixilui/approval-cardUsing both
They can share an app: both install with the shadcn CLI into your repo. Keep one library per surface, since beUI's theme tokens and PixilUI's foundation tokens do not read each other.
Questions
beUI or PixilUI for agent UI?
beUI if you want one animated library across marketing, app and mobile, with free agent components and Pro review screens such as Approval Queue and Agent Traces. PixilUI if the agent moments are the core of your product and you want each item's states, keys and reduced-motion behavior written on its page. They can share an app.
Is beUI free for commercial projects?
Yes. beUI's site says the public library is MIT licensed, including commercial use, and that beUI Pro has a separate paid license. PixilUI's free items are MIT too; Pro items need a paid license.
Can beUI and PixilUI share a project?
Yes. Both install with the shadcn CLI as source you own. beUI adds its shared CSS tokens through its theme setup, and PixilUI reads its own tokens from foundation.css, so keep one library per surface.
More comparisons
- PixilUI and shadcn/ui
- PixilUI and AI Elements
- PixilUI and assistant-ui
- PixilUI and CopilotKit
- PixilUI and prompt-kit
- PixilUI and Arc
- PixilUI and affectUI
- PixilUI and React Bits
- PixilUI and AI SDK Agents
- PixilUI and BoardUI
- PixilUI and ReUI
- PixilUI and Magic UI
- PixilUI and Aceternity UI
- PixilUI and Kibo UI
- PixilUI and Tool UI
- PixilUI and LlamaIndex chat-ui
- PixilUI and Chatbot UI
- PixilUI and Shadcnblocks
- PixilUI and shadcn.io
- PixilUI and Agents Kit
Sources
Read on . If something here no longer matches beUI's site, write to hello@pixilui.com and we will fix it.