Widgets

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

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

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

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

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

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

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

Ride summary with scooter photo, distance, average speed, and duration. Leaf icon included — built for micro-mobility or fitness stats.

Free · copy & paste ready

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

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

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

AirPods-style widget showing device name and connection status. Small, familiar, and perfect beside other iOS-style controls.

Free · copy & paste ready

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'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

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

Sleep score in the DND face layout — sleeping mascot at the bottom, score and quality above, duration tucked below.

Free · copy & paste ready

Editorial step stat — light wide card, large number, goal in a quiet footer row. No progress bars or icons.

Free · copy & paste ready

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

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

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