Dev Design Library

Voice Pill

Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed clock while held or toggled, then relaxes back into the mic on release; simulated voice by default, real microphone as an opt-in.

Voice Pill preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/VoicePill
Files
  • src/content/Micro/VoicePill/VoicePill.css
  • src/content/Micro/VoicePill/VoicePill.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits