$99 launch price

Components

Glow Input

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/glow-input

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 · 142 Pro components · lifetime updates.

import { GlowInput } from "@/components/ui/GlowInput";

<GlowInput placeholder="Ask anything" aria-label="Ask anything" />

<GlowInput colors={["#ff5f6d", "#ffc371", "#7f5af0"]} radius={999}>
  <button type="submit">Send</button>
</GlowInput>

Use cases

  • AI prompt bar

    The focus bloom makes the main ask on the page feel alive.

  • Hero search or waitlist

    One glowing field draws the eye without a full-bleed shader.

  • Brand moments

    Swap the colours for your palette and it reads as yours.