The hard states, handled. Practical blocks for 
shadcn/ui
Production blocks for products built with AI, from the chat that streams, retries and asks before a tool runs to the screens around it. Built on 65 free, open-source components, and ready for your agent to install with the shadcn CLI.
Live previews
About
HextaUI is a collection of React components built on top of shadcn/ui and Base UI. It covers the everyday parts of an interface, from buttons and forms to menus, tables and chat, and ships them as source you own.
Each component is built for the parts that usually get skipped: the loading, error and empty states, motion that can be interrupted halfway, the keyboard paths, what a screen reader announces, and a layout that still holds at 320 pixels or in a right-to-left language.
Motion runs on one set of easing curves and durations, respects the reduced motion setting, and can be interrupted and reversed mid-way. Focus rings follow the shape of whatever they outline, and every interactive part works with the keyboard alone.
The look stays quiet on purpose: neutral surfaces, hairline borders, shadows only on things that float above the page, and corners that stay concentric when one shape sits inside another. Your brand comes through your theme tokens, not ours.
Components are rebuilt one at a time and only ship once every state works. Each one gets a docs page that shows those states live, so you can try the edge cases before you install anything.
The docs are written for people and agents alike. Every page is also published as Markdown, and llms.txt maps the whole library, so an AI assistant reads the same API references and examples you do.
The code is yours. The shadcn CLI copies the source into your project, so you can read it, change it and keep it, without waiting on a package update. It's all open source on GitHub.
What’s inside
How it works
- Set up shadcn/uiRun shadcn init in a React 19 project with Tailwind CSS v4. If the project already uses shadcn/ui, skip ahead.
- Add a componentPass its registry URL to the shadcn CLI. The source, its dependencies, the theme tokens and any HextaUI components it builds on land in your project.
- Make it yoursImport it from @/components/ui like any other shadcn/ui component, then change the markup, the motion or the styles. Nothing is locked inside a package.
- Stay currentComponents improve in the open on GitHub. When one changes, run the same add command with
--overwriteand review the diff in git before you keep it. - Bring your agentPoint Claude Code, Cursor or any MCP client at https://hextaui.com/mcp and it can look up props and examples while it writes code with you.
HextaUI Pro
Pro is a growing set of complete blocks built from the same components: a chat thread, streaming text, tool calls, agent todos, a code block with diffs, voice mode and more. They are the screens an AI product needs on day one, with the states and motion already worked out, and the account, settings and dashboard screens around them come next.
Free AI kits get you a chat that looks right. Pro is about what happens next: stopping a reply mid-sentence and retrying it, approving a tool call before it runs, switching between message versions, and a thread that doesn't jump while the model is still talking. Every block ships with a working AI SDK example.
Every block has a live preview anyone can open, and installs through the same shadcn CLI from a private registry. Pro is $49 once for one developer, or $149 for a team of 10, until 30 November 2026. After that, Solo is $79 and Team is $249, for unlimited personal and commercial projects. Compare plans or install Prompt Input free.
The four previews at the top of this page are Pro blocks running live. Thinking shows a model's reasoning and tool steps as they stream in. Prompt input handles model and effort picks, dictation, mentions, commands and file uploads. Chat thread renders a full conversation, and Voice mode turns it into a spoken one, through the browser's voice or a realtime voice API.
Solo covers one developer. Team covers up to 10, managed by email from your account, with one shared token allowed in CI. Clients and colleagues who only use the finished product don't need a seat. If it isn't right for you, you get a full refund within 30 days, no questions asked.