← Prev7/49Next →
← KokonutUI

KokonutUI

Apple Activity Card

Apple Watch-style activity rings with animated SVG progress circles, gradient strokes, and detailed stats. Three concentric rings for Move, Exercise, and Stand goals.

motionSVGactivity rings

Default

Activity Rings

MOVE Activity Progress - 85%
EXERCISE Activity Progress - 60%
STAND Activity Progress - 30%
MOVE479/800CAL
EXERCISE24/30MIN
STAND6/12HR

Custom Title

Today's Progress

MOVE Activity Progress - 85%
EXERCISE Activity Progress - 60%
STAND Activity Progress - 30%
MOVE479/800CAL
EXERCISE24/30MIN
STAND6/12HR

With Background

Weekly Summary

MOVE Activity Progress - 85%
EXERCISE Activity Progress - 60%
STAND Activity Progress - 30%
MOVE479/800CAL
EXERCISE24/30MIN
STAND6/12HR