A minimal, playful search component where a rolling ball reveals the input field simple to use, fully customizable, and perfect for clean, interactive UI moments in Framer.
Make it with Workshop
Build your own component with AI
The Drams Search component adds a touch of motion and personality to your interface. When activated, a rolling ball glides across the layout to reveal a hidden search bar blending utility with minimal elegance. Designed entirely for no-code use in Framer, it’s perfect for portfolios, editorial sites, or product pages that want a subtle, branded interaction.
Features
Playful ball animation reveals input
No-code, drag-and-drop setup in Framer
Fully customizable colors, size, and fonts
Minimal aesthetic, fits any design system
Smooth motion using native Framer transitions
Great for product searches, navigation, or CMS filtering