Ask Nexus Input

A bold "Ask anything" headline paired with a pill-shaped search input. Placeholders rotate while idle, and on submit the text disintegrates right-to-left into drifting particles — a Thanos-snap dust effect rendered on canvas, finished off with framer-motion polish.

AI Componentsspringaiinputsearchdisintegrateparticlesthanossnapcanvasframer-motionplaceholder

Ask Nexus Input

Ask Nexus UI Anything

Playground

Shape the component before you copy it.

Adjust the important props for this component and grab JSX that matches your choices.

title

Main headline shown above the input

placeholderInterval

Milliseconds between placeholder rotations

defaultValue

Initial value of the input

Generated JSX

Copy this into your page.

<useCallback
  title="Ask Nexus UI Anything"
  placeholderInterval={2800}
  defaultValue=""
/>

Animation effects

spring

Copy-paste ready

Use the Code tab above to inspect and copy this component into your project.

Installation

Ask Nexus Input

Ask Nexus UI Anything

Shape the component before you copy it.

Animation effects