Question 1

How do I install a DitherUI component?

Accepted Answer

Run the shadcn CLI with the component's name. The source lands in your project, so you can edit it like any other file. pnpm dlx shadcn@latest add @ditherui/<name>

Question 2

Is DitherUI a shadcn/ui alternative?

Accepted Answer

It's an add-on, not a replacement. DitherUI builds on shadcn/ui and Radix primitives, installs through the same CLI, and adds animated components, blocks and AI-agent interfaces on top.

Question 3

Does it work with Next.js, Vite and TanStack Start?

Accepted Answer

Yes. Components are plain React 19 with Tailwind CSS v4 and Motion, so they work in any React project that uses Tailwind, including Next.js, Vite and TanStack Start.

Question 4

What does it run on?

Accepted Answer

React 19, TypeScript, Tailwind CSS v4 and Motion, with shadcn/ui primitives underneath. Copy the source and it works in your project.

Question 5

How do I get updates to a component?

Accepted Answer

Components are copied into your project, so nothing updates behind your back. Run the add command again to pull the latest source; the CLI asks before it overwrites your edits. pnpm dlx shadcn@latest add @ditherui/<name>

Question 6

How is it different from Magic UI, Aceternity UI or React Bits?

Accepted Answer

Those are good animated libraries. DitherUI focuses on shadcn-style components with motion built into every state, ready-made blocks for real product screens, and chat, tool-call and reasoning UI for AI agents.

Question 7

Which animation library does it use?

Accepted Answer

Motion (the successor to Framer Motion). Springs drive anything that moves or scales, quick tweens handle fades, and shared-layout highlights animate selections.

Question 8

Can I customize the components?

Accepted Answer

Yes. You own the source after install. Colors, radius and fonts come from your Tailwind and shadcn theme tokens, so restyling the theme restyles every component.

Question 9

Are the components accessible?

Accepted Answer

Interactive components such as dialogs, tabs, selects and menus are built on Radix primitives, which handle keyboard navigation, focus management and ARIA attributes.

Question 10

Does it include UI for AI chat and agents?

Accepted Answer

Yes. There are prompt inputs, model selectors, thinking indicators, reasoning trails, tool-call and agent-run views, citations and more, all animated.

Question 11

Does it work with my coding agent?

Accepted Answer

Yes. Any agent can install components with the shadcn CLI, and llms.txt lists every item. All-Access members also get an MCP server for Claude Code and other clients that support HTTP MCP.

Question 12

Do future components, blocks and templates cost extra?

Accepted Answer

No. Every future component, block and template is included in your one-time payment. There are no upgrade fees and no subscription.

Question 13

Can I use it in client and commercial projects?

Accepted Answer

Yes. All-Access can be used in unlimited projects, and the code is yours to edit and restyle.

Question 14

What do I get on the free plan?

Accepted Answer

The source of every free component, live previews and props tables, usable in personal projects.

Question 15

How often do you ship new things?

Accepted Answer

New drops every week: a fresh component and a fresh block, built in public. Follow along on X to see each one the moment it lands.

Frequently asked questions

Getting started

Pay once. Get every drop.