Cylinder Carousel
A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.
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
More to explore
189 matches · 61–66 shown
Deck
A Tinder-like swipeable card stack component with smooth animations.
Dialog Stack
Composable stacked dialogs, useful for creating a wizard, nested form or multi-step process. It provides a consistent layout and styling for each dialog, and includes navigation component.
Dock
macOS-style dock with grouped actions and a gliding active pill.
Dock
An implementation of the MacOS dock using react + tailwindcss + motion
Dot Pattern
A background dot pattern made with SVGs, fully customizable using Tailwind CSS.
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.