Rendyn
Connect MCP free

Preview Rail

Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.

Better with your agent

Give your agent taste.

The best way to use Rendyn is through MCP. Let your agent find the right component, compare previews and bring the source into your project.

All components are free. Sign up only to connect MCP.

Connect to MCP for free
Interactive exampleReact Tailwind CSS

Related components

InteractionDock

An implementation of the MacOS dock using react + tailwindcss + motion

InteractionHyper Text

A text animation that scrambles letters before revealing the final text.

InteractionMagic Card

A spotlight effect that follows your mouse cursor and highlights borders on hover.

InteractionInfinite Media Marquee

The Magic UI marquee repeats React children in horizontal or vertical CSS tracks. It differs from the beUI version by exposing repeat and reverse props and configuring timing through a CSS variable.