# voice-glow

> Audio-reactive animated aurora glow for AI voice inputs and assistants

voice-glow is a UI component library for React and SwiftUI that creates an animated, sound-reactive aurora glow rising along the bottom of an input container or screen. It includes presets for chat bars, mobile screens, and recording pills, responding to microphone input or custom audio levels without external runtime dependencies.

Website: https://libraries.dev/voice

## What it is for

- Add Siri or ChatGPT-style audio glow animations to voice assistant chat inputs
- Show real-time voice activity on mobile screens and compact audio recording pills
- Display animated processing and thinking states while waiting for AI speech responses

## Features

- Sound-reactive aurora glow that blooms and scales with voice levels
- React and SwiftUI (Metal shader) implementations
- Built-in useMicrophone hook and support for custom level getters
- Presets for standard chat inputs, mobile bottom sheets, and recording pills
- Customizable color themes, lobe palettes, sensitivity, reach, and spread
- Zero runtime dependencies with automatic border radius detection

## Pricing

Freemium. Free core npm package and Swift package; Pro plan required for advanced Studio features, emotion detection, live transcripts, and additional presets.

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library, Web, iOS, macOS
- For: Frontend and mobile developers building voice interfaces and AI assistant apps
- Tags: voice ui, react, swiftui, animation, audio reactive, ai assistant

## Why it was saved

- [@Jakubantalik, 17 September 2026](https://x.com/Jakubantalik/status/2100620796796502264): Reusable, dependency-free animated glow for building ChatGPT/Siri-like voice input components; three component types and multiple states.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/voice-glow

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.