Description
Introduction DitherUI is a library of animated React components, ready-made blocks and AI-agent UI pieces that you copy into your project and own. It is built on React 19, Tailwind CSS v4 and shadcn/ui, with Radix primitives and Lucide icons. Each piece ships with motion and micro-interactions already in place (springs, sliding highlights, staggered entrances, press feedback), so you don't have to add them afterwards. Where you can use it - SaaS products and dashboards: analytics, scheduling, calendars, tables, charts and settings screens. - Landing and marketing sites: heroes, feature sections, FAQs and blog layouts. - AI and agent products: chat and prompt inputs, agent run and task views, reasoning and thinking states, and image generation cards. - Forms and onboarding: sign-in and sign-up flows, form layouts, feedback and search. - Internal tools and admin panels: pickers, selects, dialogs, command menus and toasts. - Any React app: it isn't tied to one framework. Next.js, TanStack Start, Vite or Remix all work, and anything that runs shadcn/ui does too.…
Preview
From the maker
Ninad@devcyphexoHey, I'm Amlan, maker of DitherUI. I kept rebuilding the same things every project: a prompt box, an agent run view, a booking calendar, a hero. Then I'd spend another hour adding the motion. So I built each piece once, animation included. DitherUI is animated React components, ready-made blocks and AI-agent UI, built on React 19, Tailwind v4 and shadcn/ui. Install with the shadcn CLI and the code lands in your repo, yours to edit. There's also an MCP server, so your coding agent can install it for you. It's a first launch, so expect rough edges. Tell me what's missing or broken and I'll fix it fast. Thanks for looking! https://ditherui.dev
Ratings & Reviews
No ratings yet
Be the first to rate Dither UI.
More from week 43
Apps launching alongside Dither UI, Oct 19 – 25.