Origin Button
A cursor-aware hover effect that expands from where you enter and collapses where you leave.
Make it with Workshop
Build your own component with AI
About this Component
A smart hover effect add-on that responds to your cursor's entry and exit points. Simply layer it absolutely over any existing button to add an interactive reveal that expands from where you enter and smoothly collapses from where you exit.
Features:
Position-aware animations. Expands and collapses from your exact entry/exit points.
Full color control. Customize both background and hover state colors.
Spring-physics motion for smooth, natural transitions.
Non-destructive overlay. Keep your button's typography, spacing, and brand elements intact.
Works with any button. Compatible with all button components and styles.
You think Origin Button could be better? Let us know! We prioritize user-requested features 🚀
