Get everything for $99, lifetime

Components

Logo Flare

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/logo-flare

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { LogoFlare } from "@/components/ui/LogoFlare";

<div className="relative h-[560px] bg-black">
  <LogoFlare src="/logo.svg" center={[0, 0.3]} size={0.17} />
  <h1 className="absolute inset-x-0 top-1/2 text-center text-white">
    Your headline
  </h1>
</div>

Use cases

  • Hero background

    Your mark as the sun above the headline. The flares and petals fill the frame without a texture.

  • Splash or loading screen

    One glyph, lit, is a complete screen.

  • Brand moment in a keynote or video

    Record a still or a loop straight off the canvas.