Future UI

Pixel Hover Button

Buttons

Button with pixelated dissolve effect that fans out on hover.

buttonpixelhoveranimationcsscta

No preview available

Hover over the button to see the pixel dissolve effect

Controls

#ff7657
20

Buttons / React Component

About Pixel Hover Button

Button with pixelated dissolve effect that fans out on hover.

Category Buttons
Framework React + TypeScript
Tags button, pixel, hover, animation, css, cta

Install Pixel Hover Button in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/pixel-hover-button.json?key=YOUR_LICENSE_KEY"

Usage example

import { PixelHoverButton } from './PixelHoverButton';

export default function Example() {
  return <PixelHoverButton label="Get Started" accentColor="#9333ea" pixelSize={16} />;
}