Registry Index

Search the catalog

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

ComponentReactregistry:ui2 dependencies

Border Button

border-button

A reactive border animation button that follows cursor movement using Framer Motion and CSS masks.

Live, loading

Starting the live preview…

Rendered from its demo Border Button Demo. 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.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

An interactive button that animates its border dynamically based on cursor position using Framer Motion.

@gammaui

More from @gammaui