See the whole picture
React Native app UI.
One thoughtful app.
A habit tracker concept built around the Base design language. Change the theme and try the controls, then give the brief to your agent.
App preview
Interactive web preview
9:41••• ▰
MONDAY, OCTOBER 26
A little better,
every day.
JToday’s momentum / 3
Small steps. Real progress.
Your habitsDaily
9:41••• ▰
KEEP SHOWING UP
Your progress.
Habits completed ↗
Every little win adds up.
M
T
W
T
F
S
S
7 days of showing upKeep your rhythm going.
A week to feel good about
You’re building something that lasts. One day at a time.
9:41••• ▰
MAKE IT YOURS
Your space.
JJamie MillerA little more intentional.
Preferences
Daily remindersA moment for yourself
Appearance
A fresh start, every morning.
TodayProgressSettings
Make it real
Build a habit tracker app with Native Animation Base. Create Today, Progress, and Settings screens with one shared theme, the Quill accent, light and dark modes, and purposeful spring motion. Use the Native Animation MCP, read the Base design guide and each component’s real props, and connect navigation, state, and callbacks. Keep it free and MIT.
This is an interactive web illustration. For installable native screens, explore the screen blocks.