Drawer
Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.
React · TypeScript · Tailwind
Search for what you need. Try it live. Copy the code for free, with no account needed.
189 matches · 67–72 shown
Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.
Allows users to drag-and-drop files into a container to upload or process them.
iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.
Click-to-expand button and chip controls that reveal a label or trailing action through spring layout continuity.
Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.
The best way to use Rendyn is through MCP. Let your agent find components and bring the source into your project.