ComponentReactregistry:ui2 dependencies

Overlay Button

overlay-button

An animated gradient button using Framer Motion with looping motion and spring transitions.

Live

Starting the live preview…

Rendered from its demo Overlay 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.

Install

npx shadcn@latest add @gammaui/overlay-button

Needs @gammaui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @gammaui
Kind: Component
Framework: React
Files: 1 · 950 B
Preview: Live via example
License: MIT

npm dependencies

react motion

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.

A looping animated gradient button using Framer Motion’s spring transitions for smooth motion effects.

@gammaui

More from @gammaui

Search the catalog

Overlay Button

See it in use

More from @gammaui