Composites

Polish & Moments

The small delighters — date pickers, count-up numbers, presence, confetti, link previews, and a lightbox — that make Octen feel alive without getting in the way.

Date Range Picker

Calendar grid plus 7 presets. Selecting a preset applies the range and closes.

No range selected yet.

Count Up

Animates from the previous value using requestAnimationFrame; jumps instantly under reduced motion.

Total API calls

1,284,920

Monthly spend

$2,841.12

Success rate

99.7%

Avatar Presence

Deterministic initials + color, with online (pulsing), idle, and offline status dots.

Sarah Chen (online)online
Sarah Chen (idle)idle
Sarah Chen (offline)offline

Presence Bar

Overlapping avatar group with an overflow chip and an inline typing indicator.

Sarah Chen (online)
Lisa Wong (idle)
Tom Davis (offline)
Pepper Potts (online)
Lucius Fox (idle)
+4
Lucius Fox is typing

Typing Indicator

3-dot wave, staggered per dot.

Confetti

Canvas burst resolving chart-category CSS vars to real hex at fire time.

Link Preview

Card (rich) and inline (compact) variants, with realistic Octen content.

Image Lightbox

Click a placeholder to open a full-screen viewer with zoom, arrow-key navigation, Esc to close, and a thumbnail strip.