Rendyn
Connect MCP free

Animated Beam

An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.

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

InteractionAnimated Circular Progress Bar

Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.

InteractionAnimated Gradient Text

An animated gradient background which transitions between colors for text.

InteractionAnimated Grid Pattern

A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.

InteractionAnimated List

A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.