Rendyn
Connect to MCP
React UI components for AI coding agents

Give your agent
taste.

Free components. Full source. Ready for your AI agent through MCP.

Connect to MCPBrowse 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.

Browse components

Real components.
Ready for your project.

Rendyn is a library of React components for you and your AI agent. Try them here, then copy the source or add them to your project through MCP.

Animated Beam

Flowing connections that bring integrations to life.

Globe

A rotating globe that brings a global story to life.

Morphing Modal

A compact trigger that opens into a fluid, animated dialog.

Tabs

Smooth transitions between neatly organised views.

Connect to MCPBrowse components
109

Interactions

The details that make it feel right.

17

Agent interfaces

A human touch for AI products.

63

Components & blocks

Good foundations for big ideas.

From inspiration to implementation

Less starting over.
More making it yours.

Take a look around

Start with an idea

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

Find your favourite

Explore working components and choose the details that fit.

Make it your own

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

Great UI.
In your editor.

Give your agent components, previews and source through MCP.

Connect to MCP
Your next great interface starts here

Make something
worth clicking.

Connect to MCPBrowse components

189 components. Endless possibilities.