Medical Profile A complete health dashboard screen - patient info card, steps and sleep score charts, the most active days calendar wired to the activity rings card, an important alerts feed, and a patients data table. Fully responsive, down to a slide-in drawer on mobile.
helios-ui--heliosui-in.asia-southeast1.hosted.app/templates/medical-profile H Helios team A Aarav Medical ProfileProvided headline · 29 Jun - 5 Jul. Data supplied by the application. Steps: illustrative source-shaped fixture data Category Value Mon 5,600 Tue 2,200 Wed 1,900 Thu 6,300 Fri 7,100 Sat 5,300 Sun 3,200
Provided headline · 29 Jun - 5 Jul. Data supplied by the application. Duration: 7h 50m49/50 Bedtime: 20m earlier29/30 Interruptions: 5m wake up20/20
Sleep score: illustrative source-shaped fixture data Category Value Duration: 7h 50m 49 Bedtime: 20m earlier 29 Interruptions: 5m wake up 20
Illustrative activity for Jul, 2026 Date Steps 2026-07-01 2335 2026-07-02 2898 2026-07-03 3461 2026-07-04 4024 2026-07-05 4587 2026-07-06 4216 2026-07-07 4779 2026-07-08 1490 2026-07-09 2053 2026-07-10 2616 2026-07-11 0 2026-07-12 0 2026-07-13 0 2026-07-14 0 2026-07-15 0 2026-07-16 0 2026-07-17 0 2026-07-18 0 2026-07-19 0 2026-07-20 0 2026-07-21 0 2026-07-22 0 2026-07-23 0 2026-07-24 0 2026-07-25 0 2026-07-26 0 2026-07-27 0 2026-07-28 0 2026-07-29 0 2026-07-30 0 2026-07-31 0
Activity for July 10, 2026 Move 846 kcal Exercise 101 min Running 5.3 km
12 this week June 12 High heart rate A fictional heart-rate observation was recorded after ten minutes of inactivity. Open this local example to review its details.
June 9 Medical ID Review the emergency contact and allergy fields in this example medical profile.
June 6 Activity reminder Your local activity summary is available. Open this example update to review it.
June 3 Sleep summary Your local activity summary is available. Open this example update to review it.
May 31 Lab results ready Your local activity summary is available. Open this example update to review it.
May 28 Hydration reminder Your local activity summary is available. Open this example update to review it.
May 25 Weekly activity report Your local activity summary is available. Open this example update to review it.
May 22 Resting heart rate update Your local activity summary is available. Open this example update to review it.
May 19 Appointment reminder Your local activity summary is available. Open this example update to review it.
May 16 Medication list updated Your local activity summary is available. Open this example update to review it.
May 13 Profile information updated Your local activity summary is available. Open this example update to review it.
May 10 Move streak Your local activity summary is available. Open this example update to review it.
Delete example record? Close dialog
Cancel Save example report Close Download example Save patient This activity is part of the local Helios UI template study. No real patient or clinical event is represented.
Workspace notifications Close dialog Notifications 2 unread Mark all read All Mentions System Unread Archived
Recent D Diya mentioned youCan you review the new component states?
5 minutes ago Reply View thread
Archive Design review readyThe Helios UI library is ready to inspect.
1 hour ago Review changes
Archive Project milestone completed The React foundation has passed its local checks.
Yesterday Download
Archive
· Local example notification
Create an example agent Close dialog
Cloud engineer
DescriptionHelps with server architecture, cloud infrastructure and practical deployment planning. LanguageAuto-detect Auto-detect English Turkish Spanish French German Japanese Portuguese Hindi Tamil Kannada Marathi
VoiceSystem voice Off System voice
Playback speed 0.75× 1× 1.25× 1.5×
Preferences stay in this local preview. No agent or voice service is connected.
Installation Download the React source package, install its dependencies, and import the component with its shared styles.
'use client';
import {BoardTemplate} from '@helios-ui/react';
import '@helios-ui/react/styles.css';
export default function Example(){return <BoardTemplate id="medical-profile" embedded/>;}What's included The template ships as a complete source package: the responsive app shell, the patient info card, the steps and sleep score charts, the most active days calendar paired with the activity rings card via shared day selection, the important alerts feed, the patients data table (search, filters, sorting, pagination), and every base component and data file they depend on.
Marketing Dashboard Acquisition funnel, spend charts, and campaigns table. Multi-agent Chat Animated agents, individual and group chat, and a live avatar editor.