Pieces942

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Start typing to search
Beste Sözen
Beste SözenDesign lead
Mirko Petrov
Mirko PetrovEngineer
Noor Ahmed
Noor AhmedProduct

Contact Picker

form29

Searchable people picker with a focused search input above a list that tints the selected row.

16
1224

Stepped Slider

form30

Font-size slider with discrete tick dots under the rail and a mono value chip in the header.

Mira & Co.

Inline Edit

form31

Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.

sk_•••••••••••••••••••••••••••••••••••••••••••3456

Copyable Field

form32

Read-only value with an optional mask toggle and a copy button that flips to an emerald Copied state on click.

Consent Row

form33

Legal consent card with a custom checkbox, inline underlined policy links, and a red asterisk when required.

Heart rate
72bpm
Resting · Normal2 min ago

Heart Rate

health1

Resting bpm card with a pulsing heart tile, large value, and a mini ECG trace underneath.

Blood pressure
Normal
118/76mmHg
Measured at 08:42

Blood Pressure

health2

BP reading pairing systolic over diastolic with a status pill and a color-dotted legend beneath.

Back squat5 × 5 · 80 kg
1:30
Set 4 of 5 · Keep going

Workout Set

health3

Lift tracker with an exercise header, set progress bar segments, and a rest-timer chip on the right.

Stepsof 10,000
8,42084%
6.4 km310 kcal

Steps Tracker

health4

Daily steps card with a gradient progress bar, percent chip, and a distance and calorie footer.

Move420 / 600 kcal
Exercise32 / 45 min
Stand10 / 12 hr

Activity Rings

health5

Three concentric progress rings for move, exercise, and stand goals with a color-keyed legend.

Water1250 / 2000 ml
5 / 8

Water Tracker

health6

Eight-cup water grid that fills sky-tinted glasses as you log ml toward a daily hydration goal.

Sleep7h 41m
Score 86
Awake0h 18m
Light4h 0m
Deep1h 35m
REM1h 48m

Sleep Summary

health7

Overnight sleep card with a score pill, stacked stage bar, and a four-column stage breakdown.

98%
SpO₂Normal rangePulse 68 bpmMeasured just now

SpO2 Reading

health8

Oxygen saturation ring with the percentage stacked in the center and a pulse note on the side.

Lunch · Grilled chicken bowl620 kcal · 124 g total
Carbs68 g
Protein34 g
Fat22 g

Meal Macros

health9

Meal log pairing kcal with a three-segment macro bar for carbs, protein, and fat grams.

Morning vitalsTue, Apr 22 · 08:14
Heart72bpm
Temp36.6°C
BP118/76mmHg
SpO₂98%

Vitals Grid

health10

Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.

Meal plan · This week
MonOatsBowlSalmon
TueYogurtWrapChili
WedSmoothieSaladStir-fry
ThuEggsSoupPasta

Meal Plan

health11

Week-at-a-glance meal plan with breakfast, lunch, and dinner columns and today highlighted in primary.

Nutrition factsAbout 2 servingsServing size 1 cup (240 g)
Amount per servingCalories
280
% Daily value
Total fat 10 g13%
Saturated fat 2 g10%
Sodium 420 mg18%
Total carbs 34 g12%
Sugars 6 g
Protein 16 g

Nutrition Label

health12

FDA-style nutrition panel with a thick rule under calories and indented sub-nutrient rows.

Miso salmon with greens
25 min·520 kcal
Easy
DinnerHigh-proteinGluten-free

Recipe Card

health13

Recipe summary row with a warm chef tile, cook time, kcal, difficulty pill, and a dietary-tag row.

Sleep scheduleTarget 8 hours
Bedtime23:15
Wake06:45
6 days on schedule this week

Sleep Schedule

health14

Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.

10.2 kmRun
49:18avg 4:49 / km
km 14:38+ 12 m
km 24:52- 4 m
km 34:41+ 8 m

Run Splits

health15

Running recap with total distance and time at the top and a per-kilometer pace and elevation table.

74.2 kgGoal 72.0 kg
- 1.8 kg in 30 days

Weight Trend

health16

Weight tracker with current and goal weights, a 30-day change pill, and a mini line chart underneath.

🙂
Mood todayGood
4 of 7 days above neutral this week.

Mood Tracker

health17

Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.

Training · Week 6
MonPush55 mDone
TuePull50 mDone
WedRest
ThuLegs65 mPlanned
FriCardio30 mPlanned
SatRest
SunMobility25 mPlanned

Workout Plan

health18

Weekly training plan with focus labels, duration column, and per-row Done, Planned, or Rest states.

Hydration
1.8 L/ 2.5 L
72% of daily goal

Hydration Fill

health19

Bottle-shaped container that fills sky with gradient water, paired with current versus goal liters.