Animated Beam
An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.
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
A few favourites
A small selection to get you started.
Kanban
A kanban board is a visual tool that helps you manage and visualize your work. It is a board with columns, and each column represents a status, e.g. "Backlog", "In Progress", "Done".
Approval Card
A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.
Bento Grid
Bento grid is a layout used to showcase the features of a product in a simple and elegant way.
Wallet Card
Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.
Morphing Modal
Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.
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.