Rendyn
Connect MCP free
React UI components for AI coding agents

Give your agent
taste.

Every component and its code, free to explore and copy. The best way to use Rendyn is through MCP: give Claude Code, Codex or Cursor the catalogue, previews and source inside your project.

Connect to MCP for free Browse free components
189 components

A little more design.
In the tools you already love.

CodexClaude CodeCursorClineWindsurf
The playground

Good design is
in the interaction.

Try a few favourites. Explore the states, feel the transitions, and find the details that belong in your next project.

Find your next component
189 componentsMIT licensedBuilt to be yours
A considered collection

Small details.
A big difference.

From the first click to the final state, find components with a little more care built in.

Search by intent

Ask for the outcome, not a component name.

Rendyn reads product context, interaction needs and constraints.

high densitykeyboardadmin
18 interaction patterns understood
Choose confidently

See the strongest options, already ranked.

Useful fit notes replace endless catalogue browsing.

Pick an option to compare its fit

Preview the real thing

Inspect a working component before choosing.

See the interaction, states and finish—not a vague thumbnail.

Live preview
NameEmailRoleStatus
Marshleo.marsh@beui.devAdminSuspended
Reyesjude.reyes@beui.devEditorActive
Quinnren.quinn@beui.devAdminInvited
Satoeli.sato@beui.devViewerSuspended
Frostkai.frost@beui.devAdminActive
Own the result

Complete implementation, ready to adapt.

Source, dependencies, assets and exact setup arrive together.

Packing complete source
TS

component.tsxWriting file…

2.4 KB
CSS

styles.cssEvery state

1.2 KB
DOC

install.mdExact steps

0.8 KB
109

Interactions

The details that make it feel right.

17

Agent interfaces

A human touch for AI products.

63

Product blocks

Good foundations for big ideas.

From inspiration to implementation

Less starting over.
More making it yours.

Take a look around
01

Start with an idea

Tell your agent what you’re building and how it should feel.

02

Find your favourite

Explore working components and choose the details that fit.

03

Make it your own

Get the source, dependencies and install steps. Build from there.

Made for your workflow

Your favourite agent.
A better eye for design.

Let your agent search the catalogue, compare previews and retrieve complete source without leaving your project. Sign up only to connect MCP. No card or subscription needed.

Connect to MCP for free
Codex
Claude Code
Cursor
Cline
Windsurf
GitHub Copilot
Gemini CLI
OpenCode
Your next great interface starts here

Make something
worth clicking.

Connect to MCP for free Browse free components

189 components. Endless possibilities.