Astra

Voice Pill

Mic button that swells into a capsule of live equalizer bars and a timer while recording.

Voice Pill, a Astra component

Use Voice Pill in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/VoicePill-TS-TW
How to install Astra components

Related components

  • Bell Toggle

    Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.

  • Fuse Button

    Action button whose done state carries an undo on a burning fuse.

  • Hold Button

    Hold-to-confirm button whose liquid fill rises while pressed and snaps back if you let go.