Shader Background
Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated variants.
React · TypeScript · Tailwind
Find your next
React component.
Search for what you need. Try it live. Copy the code for free, with no account needed.
Try
Interaction
109 matches · 85–90 shown
Shared Layout Background
A pill that glides between hovered items via motion's shared layout, with blur enter/exit.
Shimmer Button
A button with a shimmering light which travels around the perimeter.
Shine Border
Shine border is an animated background border effect.
Shiny Button
A shiny button component with dynamic styles in the dark mode or light mode.
Smooth Cursor
A customizable, physics-based smooth cursor animation component with spring animations and rotation effects
Give your agent taste.
The best way to use Rendyn is through MCP. Let your agent find components and bring the source into your project.