Agentic AI Interfaces

Inputs, threads, tool calls, and conversation surfaces tuned for AI products. Every component is keyboard-first, streaming-aware, and dark-mode native.

6 components
Liquid Multimodal Input component preview

Liquid Multimodal Input

An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file.

Generative Skeleton Mesh component preview

Generative Skeleton Mesh

An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land.

Voice Aurora Wave component preview

Voice Aurora Wave

A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at.

Model Context Switcher component preview

Model Context Switcher

A Radix dropdown that scales out from its trigger and glides the selection pill across to meet whichever model you pick.

Chatgpt Orb component preview

Chatgpt Orb

Low-power WebGL fractal noise that blooms white ink inside a soft circular mask.

Siri Orb component preview

Siri Orb

A glassy WebGL sphere with a prism ribbon sweeping a full spectrum through it.

Which agentic AI component should I use?

Taking the request

Liquid Multimodal Input
The prompt box is the main event. It expands as you type and opens a drop zone for files rather than hiding attachment behind a button.
Model Context Switcher
People choose a model before they send. The selection pill glides across to whatever they land on, so the active choice stays obvious.

While the model works

Generative Skeleton Mesh
The wait before a response should read as generative rather than blank. Organic placeholder motion suits streaming output better than a plain loading bar.

Orbs that show presence

Three answers to the same brief. Weight is what separates them.

Voice Aurora Wave
The interface is listening. A breathing orb with distinct listening states, so someone can tell whether their voice is actually being heard.
Chatgpt Orb
You want a presence marker that costs almost nothing to run. Fractal noise blooms white ink inside a soft circular mask.
Siri Orb
The orb should look like glass with a spectrum caught inside it. Heavier than the ChatGPT orb, smoked in dark mode and clear in light.

More categories

Browse other categories

All components

Cinematic Interactions

13 components

Big-feeling motion: parallax, scrub-scroll sequences, sticky storytelling, page transitions. The components that make a marketing site feel alive.

Explore category

Heavy SaaS Blocks

5 components

Command palettes, kanban boards, data tables, pricing toggles, RBAC controls - the dense product surfaces real apps need on day one.

Explore category

Elite Micro-Interactions

10 components

The 200-millisecond moments that elevate every flow: gooey navs, magnetic pills, morphing icons, haptic sliders. Polish without theatrics.

Explore category