Interactive — this is the real build running inside the page.Full screen
What it does
STEADY runs a Beirut wellbeing coach's practice. Drag lessons, worksheets, habits, check-in forms and 1:1 calls into an 8-week program while a phone preview of the client portal updates live. Switch to the client's side to tick tasks, log habits and send check-ins, and the coach's progress, streaks and mood charts move with them; then book sessions from 5-session packs and manage invoices for packs and monthly plans.
Signature interaction
Drag a 1:1 call into week 3 and the client's phone preview instantly reads "Week 3 — 4 tasks, 1 call" with the new item glowing; then tick a task as the client and the coach's progress and streak count up.
What works in it
Week-by-week program board with mouse and touch drag
Live client portal preview that updates as you build
Keyboard moves and tap-to-place for every drag
Module editor with release day, length and habit target
Searchable resource library you can drop into any week
Mood, energy and stress charts from weekly check-ins
Booking from session packs with clash detection
Invoices for packs, programs and monthly plans
Client roster with search, filters, sorting and nudges
Command palette, accent colours and density settings
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
Business
Appointment Booking
A five-step booking flow for a beauty studio in Achrafieh: choose a service, a specialist and a time on a live availability grid, enter details and get a confirmation. Picking a time that overlaps an existing booking is caught instantly, with the closest free alternatives one tap away.
A visual automation builder for a Beirut coffee e-shop: pick a trigger (new order, low stock, ticket created), set conditions, and chain actions like WhatsApp messages, assignments, tasks and CRM updates on Yes/No branches. “Run test” sends a sample event through the flow with animated tokens and a timestamped run log.
A visual rule builder over 300 seeded customers of a Lebanese online grocery: combine spend, recency, order count, city, tags and channel in AND/OR groups and watch the matching count, revenue share, segment mix donut and preview list update as you type.