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} />;
}