
GradientDeck
Free AI components and design tools for builders
12 followers
Free AI components and design tools for builders
12 followers
GradientDeck gives developers and designers free AI interface components and visual design tools. Explore 109 components for chat, agents, voice, and media, with live previews, full source code, and shadcn CLI installation. Create gradients, palettes, patterns, shadows, and more alongside them. No sign-up or subscription.
This is the 2nd launch from GradientDeck. View more

GradientDeck AI Components
Launching today
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.



Free
Launch Team

Customer.ioAutomate Messaging Everywhere β Startups Get 12 Months Free
Promoted

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.