An AI assistant input built around a living orb. The pill scales with the viewport, from a compact bar on a phone to a bold hero bar on a wide screen, and the orb inside it is the same ray-traced glass and plasma renderer as Plasma Orb, retuned for its size so it stays lively at 58 pixels: finer filaments, a faster drift and brief brightness swells. While the field is empty, example prompts rotate through it with a blur-and-drift transition and a soft shine, and stop the moment someone types. Sending a message runs a scripted demo: status steps sweep across the field while the orb turns inward, then the answer streams into a thread above the pill word by word, with a stop button and a new-chat control. Tap the orb to talk: by default it plays a simulated voice that types a sample prompt and sends it after a pause, and the microphone setting switches to real speech recognition with the orb reacting to your voice level. The demo has no model behind it; the export marks where to connect one. Everything is editable: the five orb colours, the stage colour, pill size, placeholder, rotating prompts, corner labels, the background grid, dots, blueprint or panel pattern with its cell size, line strength, grain, glow and vignette, and the idle timing. The orb pauses off screen and in hidden tabs, reduced motion holds it still and keeps the plain placeholder, screen readers hear each step and the final answer, and browsers without WebGL 2 get a CSS orb instead of a broken canvas. The export is one HTML file, or a Svelte or React component.
UI/UX · HTML / CSS / JS · All tools