Voice Glow Effect

Summary

A lightweight animated voice glow component for UI with no dependencies, featuring three types, multiple states, and dark and light theme support.

Visual description

Three dark glass UI panels float on a black canvas around a centered "Voice" title in large white bold sans-serif, with a small grey label above it. The top panel is a phone-like card with an "Agent (auto)" dropdown pill, a mic button and a close button. The lower left shows a pill recorder with a mic icon, a 00:00 timer and a square stop button, and the lower right shows an input reading "Ask me anything" with a plus button. Each panel has a soft spectrum glow of magenta, violet, teal and blue rising from its bottom edge.

Key takeaway

Anchor a state indicator as a soft multicolor glow rising from the bottom edge of a dark translucent container, so one effect works across card, pill and input shapes.

Reuse notes

Reach for this as a motion still reference. Pairs with abstract, minimal directions. Original by Jakub Antalik.