Future UI

Signal Pulse

✦ Effects

Radar pulse background that reveals hidden circuit patterns on each sweep.

backgroundcanvasradarpulsecircuitinteractivesci-fi

No preview available

Canvas 2D ~ Click to ping, auto-pulses reveal circuits

Controls

#8b5cf6
2.5
300
2000
30

Effects / React Component

About Signal Pulse

Radar pulse background that reveals hidden circuit patterns on each sweep.

Category Effects
Framework React + TypeScript
Tags background, canvas, radar, pulse, circuit, interactive, sci-fi

Install Signal Pulse 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/signal-pulse.json?key=YOUR_LICENSE_KEY"

Usage example

import { SignalPulse } from './SignalPulse';

export default function Example() {
  return (
    <div style={{ width: '100%', height: 400, position: 'relative' }}>
      <SignalPulse accentColor="#8b5cf6" pulseSpeed={2.5} />
    </div>
  );
}