Prompt Composer

A multiline prompt field with animated gradient blobs, shader avatar, and loading effects. It shows a frosted glass effect, staggered placeholder, and send/attach controls. Use it for AI input interfaces requiring visual feedback and dynamic styling.

byjordan from Cult UI

Installation

terminal

pnpm dlx layro-cli add @nolly-studio/prompt-composer

npx layro-cli add @nolly-studio/prompt-composer

npx layro-cli add @nolly-studio/prompt-composer

bunx layro-cli add @nolly-studio/prompt-composer

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

/**
 * Multiline prompt field matching `HaloSearchInput` polish: animated gradient
 * rim blobs (inlined; no `halo-card` import), soft ambient backdrop orbs, frosted
 * fill, `AiBlobWarpAvatar` + Paper `Warp` shader (inlined; no `halo-search` import),
 * staggered
 * placeholder / loading line, trailing attach + send with the same layout + crossfade
 * as search (send ↔ spinner).
 */
import {
  forwardRef,
  useCallback,
  useEffect,