Loading Helios UI…

Skip to content

Chat Dashboard Components and Blocks Sign in Sign up

HHelios teamAAaravChat starter

New chat

Add a model provider to start

The chat interface is ready. This preview uses local replies; live answers need your application’s model provider.

Configure a model provider in your application’s server environment.
Keep credentials on the server and authorize every request.
Deploy your application with that provider configuration.

No provider key is requested or stored by this website.

This embedded example keeps chat text in memory only.

Sign in to the example

Authentication layout and validation only; no account service is connected.

Local React example · fictional data · Browse Helios UI components

Workspace notifications

Notifications 2 unread

Search notifications

Recent

Notification

· Local example notification

Sign in example

Local authentication layout; no identity service is configured.

Create an example agent

Cloud engineer

Name

Label

Description

Language

Notifications

Show a notice when a reply is ready.

Voice

Playback speed

Preferences stay in this local preview. No agent or voice service is connected.

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