Clock
--:--
Ticks and hands on a quiet face, nothing else. When you want the time to sit in the background without shouting over your UI.
Free · copy & paste ready
Components / Docs
Widgets
29 components you can copy and paste into your React or Next.js project. Each includes setup steps, source code, and a live preview.
Components
29 ready to copy — open any card for full setup and source.
Clock
--:--
Arabic numerals and a live second hand on a clean analog dial. Readable from across the room, still far from a default system clock.
Free · copy & paste ready
Clock
--:--
A live analog clock dressed in roman numerals — classic dial, real moving hands. Swap the variant prop to match the mood of your layout.
Free · copy & paste ready
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
97%
~5h left
Battery level as a character — arc ring, percentage, hours left, and a face that actually looks sad when you're running low.
Free · copy & paste ready
Bidyut Kundu
@bidyut.dev
Profile card with an organic blob-shaped photo frame, name, verified check, and handle. Stands out from every circular-avatar layout on the web.
Free · copy & paste ready
A teal mascot face that reacts when Bluetooth connects or drops. Toggle on/off with an expression change — playful, but still reads as a real status widget.
Free · copy & paste ready
A compass dial with labeled directions and a needle that follows device tilt. Pass a heading prop or let the browser handle orientation.
Free · copy & paste ready
Daily Activity
JulJuly 2026
SMTWTFS
12345678910111213141516171819202122232425262728293031
Month grid for the current month — today is highlighted in orange, with a short emerald streak on prior days. Pass activeDays or highlightDay to override.
Free · copy & paste ready
Focus mode as a purple moon mascot — tap to toggle DND and watch the expression shift. Makes a utilitarian setting feel a little human.
Free · copy & paste ready
Electric Scooter
12 Aug 2024
Distance
3.2km
Avg speed
18.4km/h
Duration
22 min
Ride summary with scooter photo, distance, average speed, and duration. Leaf icon included — built for micro-mobility or fitness stats.
Free · copy & paste ready
Arrival in
53min
14:30
LHR London
16:30
IST India
Countdown to landing with departure and arrival airports and a plane moving along a progress bar. Built for travel dashboards and trip widgets.
Free · copy & paste ready
inhale
Breathe
A breathing guide that pulses between inhale and exhale every four seconds. One tap to start — useful in wellness or focus flows.
Free · copy & paste ready
72
BPM
Heart rate in the DND face layout — mascot at the bottom, BPM above the dial, soft pulse on the ring.
Free · copy & paste ready
Tall bottle card — count at the top, water level rises inside a simple bottle outline. Tap to log a glass.
Free · copy & paste ready
Today's date in the classic iOS calendar tile — red weekday, big day number, month underneath. Updates live, no refresh needed.
Free · copy & paste ready
Live HH:MM in an iOS squircle with subtle tick marks around the edge. The kind of clock tile you'd find on a lock screen.
Free · copy & paste ready
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
Kolkata
Map pin widget with your city name — simple location card in the iOS family. Good for travel apps, weather screens, or profile headers.
Free · copy & paste ready
Today
Today's tasks with times — tap a row to mark it done with a strikethrough and checkmark. Clean enough for a daily planner sidebar.
Free · copy & paste ready
Dark pomodoro timer — thin ring, split monospace time, tap to start or pause. Polished to match the DND card size and proportions.
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
Uber2 min
Meet at the pickup point
Mercedes-Benz S00121
Uber-style pickup card with brand, ETA, car illustration, and vehicle ID. The waiting-screen moment, ready to paste into a mobility app.
Free · copy & paste ready
87
Good Sleep
7h 24m
Sleep score in the DND face layout — sleeping mascot at the bottom, score and quality above, duration tucked below.
Free · copy & paste ready
Today
8,432
steps today
Goal 10,00084%
Editorial step stat — light wide card, large number, goal in a quiet footer row. No progress bars or icons.
Free · copy & paste ready
00:00.00
Millisecond-precision stopwatch with reset, play-pause, and stop in a compact white widget. Running state shown with a small indicator dot.
Free · copy & paste ready
Yellow flashlight toggle with a face that lights up when the torch is on. Small detail, but the kind people notice on a control sheet.
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
Wi-Fi
OffNo network
Tap to connect
The toggle you'd expect on an iPhone — network name, on/off switch, that familiar iOS weight. Drop it into any control panel or settings screen.
Free · copy & paste ready