Docs
Animated Search
Search input with animated gradient border, Paper Design Warp avatar, and motion polish
Component demo
Press Enterto run a mock search — loading state matches how you'd gate a real fetch. Clear resets the request timer too. Toggle frosted fill to see the gradient blobs through the field.
Clear the field or use the trailing control to see the deletion animation. Prefer reduced motion? Effects shorten or disable automatically.
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get Propnpm add @paper-design/shaders-react motion
Source code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricing