New Audio
12.8.24
01:12:25
Dark recording card with title, date, animated red waveform, and elapsed time. Play and pause feel like a native voice memo app.
Free · copy & paste ready
Components / Docs
Audio
7 components you can copy and paste into your React or Next.js project. Each includes setup steps, source code, and a live preview.
Components
7 ready to copy — open any card for full setup and source.
Audio
ConnectedAirPods Pro
Connected
AirPods-style widget showing device name and connection status. Small, familiar, and perfect beside other iOS-style controls.
Free · copy & paste ready
Midnight Dreams
The Weekend · After Hours
1:243:42
Full dark player card with cover art, album info, progress scrubber with times, and transport controls. Not a bar — the whole now-playing screen.
Free · copy & paste ready
Playlist
Chill Vibes
24 songs · 1h 32m
Playlist card with cover, header stats, and a track list where each row toggles play independently. One component, full playlist UI.
Free · copy & paste ready
Midnight Dreams
The Weekend
Compact dark player bar with artwork, track info, transport controls, and a scrubber. The footer bar every music app eventually needs.
Free · copy & paste ready
A quirky record button with a mascot face, circular dial, and live timer. Tap to start and pause — feels like a tiny dedicated recorder app.
Free · copy & paste ready
Voice AI
Tap to speak
Animated equalizer bars and a mic button that flip between idle and listening. Builds the voice-AI moment without building the whole assistant.
Free · copy & paste ready