Loading Helios UI…

Skip to content

HeliosUIDESIGN SYSTEM

Let’s begin Installation MCP Server Agent SkillsNew RTL SupportNew

Color Typography Components Templates

Announcement Avatar Badge Breadcrumb Button Button Group CarouselNew Checkbox Chip Close Button Date Picker Divider Dropdown File Upload Icon Button Input Input OTP Link Button Notification Pagination Radio Segmented Control Select Slider Social Button Switch Table Tabs TextareaNew Tooltip Tree ViewNew

Agent CreatorNew Agent LimitsNew Agent Progress Agent ThinkingNew Auth CardNew Calendar ComposerNew Composer AttachmentsNew Composer LoaderNew Composer PanelNew Data GridNew Data Table Notification Center QuestionnaireNew Settings Modal Sidebar Stat CardsNew Task ListNew Web SearchNew

Activity Rings Area ChartNew Bar ListNew Combo ChartNew Contributions Earnings Chart Funnel ChartNew Heatmap ChartNew Line Chart Most Active Days Orders ChartNew Radar ChartNew Radial ChartNew Revenue ChartNew Sankey ChartNew Scatter ChartNew Sleep Score Stage BarsNew Steps Chart

AI Chat AI Image Generation AI Profile Chat StarterNew Finance DashboardNew Home Dashboard Marketing DashboardNew Medical Profile Multi-agent ChatNew Project BoardNew

HeliosUIDESIGN SYSTEM

Components Templates Docs

Helios UIDesign and code source

HELIOS UI · GUIDE

Design and code source

The website follows the BoardUI visual reference with Helios branding and reusable React exports. The Helios Figma library is maintained separately.

Open Figma source

Source coverage

The canonical catalog uses source-native React primitives, application blocks, charts and complete template layouts. Earlier Helios examples remain available in the advanced library. Source and API metadata identify each actual export; unverified Figma mappings are left empty.

ButtonBase components · Button InputBase components · Input SelectBase components · RichSelect DialogApplication components · Dialog Data TableApplication components · DataTable CheckboxBase components · Checkbox TabsApplication components · Tabs Revenue ChartApplication components · RevenueChart Chat ComposerApplication components · ChatComposer Settings FormApplication examples · SettingsForm AvatarsBase components · AvatarGroup BadgesBase components · Badge Button groupsBase components · ButtonGroup DropdownsBase components · DropdownMenu Progress indicatorsBase components · ProgressIndicator Radio groupsBase components · RadioGroup SlidersBase components · Slider TagsBase components · TagsInput Text editorsBase components · TextEditor Video playersBase components · VideoPlayer TogglesBase components · Toggle TooltipsBase components · Tooltip Activity feedsApplication components · ActivityFeed Alerts and notificationsApplication components · Notification Application navigationApplication components · ApplicationNavigation BreadcrumbsApplication components · Breadcrumbs Date CalendarApplication components · Calendar Card headersApplication components · CardHeader Code snippetsApplication components · CodeSnippet Color pickersApplication components · ColorPicker Content dividersApplication components · ContentDivider Inline CTAsApplication components · InlineCTA Section footersApplication components · SectionFooter Section headersApplication components · SectionHeader Command menusApplication components · CommandMenu Date pickersApplication components · DateRangePicker Empty statesApplication components · EmptyState File uploadApplication components · FileUpload FiltersApplication components · Filters Loading indicatorsApplication components · LoadingIndicator MetricsApplication components · Metrics Page headersApplication components · PageHeader PaginationApplication components · Pagination Progress stepsApplication components · ProgressSteps Slideout menusApplication components · SlideoutMenu Tree viewsApplication components · TreeView AnnouncementAdditional components · Announcement CarouselAdditional components · Carousel Input OtpAdditional components · InputOTP Social ButtonAdditional components · SocialButton TextareaAdditional components · Textarea Close ButtonAdditional components · CloseButton Icon ButtonAdditional components · IconButton Link ButtonAdditional components · LinkButton Theme ToggleAdditional components · ThemeToggle Data GridAdditional components · DataGrid Settings ModalAdditional components · SettingsModal SidebarAdditional components · Sidebar Stat CardsAdditional components · StatCards Agent CreatorAgent components · AgentCreator Agent LimitsAgent components · AgentLimitsCard Agent ProgressAgent components · AgentProgress Agent ThinkingAgent components · AgentThinking AuthAgent components · AuthCard ComposerAgent components · Composer Composer AttachmentsAgent components · ComposerAttachments Composer LoaderAgent components · ComposerLoader Composer PanelAgent components · ComposerPanel Notification CenterAgent components · NotificationCenter QuestionnaireAgent components · Questionnaire Task ListAgent components · TaskList Web SearchAgent components · WebSearch Multi Agent ChatAgent components · MultiAgentChat Activity RingsCharts · ModernChart Area ChartCharts · ModernChart Bar ListCharts · ModernChart Combo ChartCharts · ModernChart ContributionsCharts · ModernChart Earnings ChartCharts · ModernChart Funnel ChartCharts · ModernChart Heatmap ChartCharts · ModernChart Line ChartCharts · ModernChart Most Active DaysCharts · ModernChart Orders ChartCharts · ModernChart Radar ChartCharts · ModernChart Radial ChartCharts · ModernChart Revenue ChartCharts · ModernChart Sankey ChartCharts · ModernChart Scatter ChartCharts · ModernChart Sleep ScoreCharts · ModernChart Stage BarsCharts · ModernChart StepsCharts · ModernChart Chat starterTemplate patterns · BoardTemplate HR managementTemplate patterns · BoardTemplate Multi-agent chatTemplate patterns · BoardTemplate AI chatTemplate patterns · BoardTemplate AI image generationTemplate patterns · BoardTemplate AI profileTemplate patterns · BoardTemplate CalendarTemplate patterns · BoardTemplate Home dashboardTemplate patterns · BoardTemplate Finance dashboardTemplate patterns · BoardTemplate Marketing dashboardTemplate patterns · BoardTemplate Medical profileTemplate patterns · BoardTemplate Project boardTemplate patterns · BoardTemplate

On this page

Search Helios UI

Search components and pages

Let's beginGetting started InstallationGetting started MCP ServerGetting started Agent SkillsGetting started RTL SupportGetting started ColorFoundations TypographyFoundations ComponentsFoundations TemplatesFoundations AnnouncementBase AvatarBase BadgeBase BreadcrumbBase ButtonBase Button GroupBase CarouselBase CheckboxBase ChipBase Close ButtonBase Date PickerBase DividerBase DropdownBase File UploadBase Icon ButtonBase InputBase Input OTPBase Link ButtonBase NotificationBase PaginationBase RadioBase