Glow Input
ProInstallation
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.