Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component2 dependencies

Magnetic Button

magnetic-button

Button that pulls toward the cursor and springs back on leave. Adjustable strength, asChild to wrap a link, respects reduced-motion.

@hiraelRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

5 other registries

Similar components

Other registries' take on magnetic-button.

Magnetic Button
a@amicro
Component
Magnetic Button
n@navui
Component
Magnetic Button
s@smoothui
Component
magnetic-button
t@tailwind-admin
Component
Magnetic Button
u@unlumen-ui
Component
@hirael

More from @hirael

All 34 items
Mention Input
mention-input
Component
Network Topology
network-topology
Block
QR Code
qr-code
Component
Server Card
server-card
Block
Stat Card
stat-card
Component
Callout
callout
Component
Dock
dock
Component
Floating Toolbar
floating-toolbar
Component