Prompt Input

A chat prompt field whose rim turns into a running liquid-metal beam while your model is generating.

Chat composer · Silver

Image generator · Gold Pro

Search · Iridescent Pro

Playground

Preset

State

Theme

Corners

Beam speed · 1.0×

<script src="/prompt-input.free.js" defer></script>

<prompt-input
  placeholder="Ask anything…"
  theme="light"
  radius="20"
  speed="1"
  generating
></prompt-input>

<script>
  const input = document.querySelector('prompt-input');
  input.addEventListener('submit', async (e) => {
    input.setAttribute('generating', '');
    await askYourModel(e.detail.value);
    input.removeAttribute('generating');
  });
</script>