Skip to content
Twentyfirst UIPro

Habits

A complete screen built only from kit parts: AppShell, MoodPicker, HabitTracker, JournalEntry, GoalCard, PageHeader, Panel, Stagger …

View as Markdown

A daily check-in: the mood scale and a line for the journal, the week's habits, the latest entry and longer goals beside it.

The whole screen is glass over Ambient: one <UIProvider surface="glass"> turns the shell, the sidebar, panels and the Life cards (vitals, goals, insights, journal entries) into glass, with inputs and chips on them translucent too. Without the provider the same markup is solid.

Life

Habits & journal

Friday, 13 November

Check in

How are you feeling?

Habits

This week

Morning walk3-day streak20 min
Read2-day streak3× a week
No screens after 10 pm
Good

Slow morning, good walk

Slept through for once. Walked to the harbour before work and the day felt lighter after that.

WalkFamily

Goals

2 active

Read 24 booksBy Dec 2026
71%
17 books of 24 books
Emergency fundBy Jun 2027
62%
€3,100 of €5,000