GradientDeck AI Components - 109 free AI components for React, Tailwind & shadcn
by•
109 free AI components for React, Tailwind CSS, and shadcn. Build chat, agent activity, voice, and media interfaces with live previews and multiple variants. Copy the full source or install with the shadcn CLI. Includes six integration guides. Every component and variant is free, with no sign-up or subscription.
Replies
Hey Product Hunt, I'm Roushan!
I built GradientDeck AI Components because building an AI app keeps bringing you back to the same interfaces: chat inputs, model pickers, tool calls, approval flows, and voice controls. I wanted those pieces to be easy to find, try, and make your own.
There are 109 components, with multiple variants, live previews, and full source code. Copy a component or install it with the shadcn CLI. Six guides show how to connect the pieces into working interfaces.
Every component and variant is free. No sign-up, subscription, or paid tier.
What are you building, and which component would you want next? If something feels awkward in a preview or the docs, please tell me. I'll be here to help.
Thanks for taking a look!
The AI-specific part is what separates this from a generic component library for me. Chat bubbles are easy — the awkward bits are the in-between states: a tool call running, a response still streaming, an agent that errored mid-task. Do the components ship those states built in, like props for streaming, loading and error on the agent activity pieces, or is that wiring left to whoever copies the source?
@jcbuilds Most of them do. But also, with how development has shaped, I plan on attaching a prompt with every component so your code assistant / agent knows how to utilize that component in a functional way, covering all probable states/transitions.