Skip to content
Twentyfirst UIPro

Life Overview

A complete screen built only from kit parts: AppShell, InsightCard, DeadlineList, BudgetList, MoodPicker, ActivityRings, PageHeader, Panel …

View as Markdown

The start page of an AI-first life app: what needs you today across health, money and papers, as insights with their reasons, the next deadlines, budgets, mood and activity.

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

Good morning, Mara

Friday, 13 November · 3 things need you

Documents · 19 daysLena's passport expires on 2 December
The town hall has free slots next week; renewal takes about three weeks.
Money · subscriptionsYou pay for two music services
Keeping one of them saves €131.88 a year.

Coming up

  • 13NovCar inspectionCarToday
  • 20NovGym: last day to cancelContractIn 7 days
  • 1DecRentBill€1,150In 18 days

Budgets

17 days left

  • Groceries€312 / €450€138 left
  • Eating out€168 / €180€12 left
  • Fun & hobbies€142 / €100€42 over

Today

How are you feeling?