Marketing
Announcement Bar
Publish a responsive notice with badge, icon, supporting copy, action, dismiss behavior, and width controls.
Marketing
10 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.
Ready to continue
Build public pages with reusable components
Keep application pages focused on content and business data while the shared UI package owns presentation.
Composable visual panel
Add a screenshot, product preview, media block, chart, form, or illustration.
CTASection example
A polished default ctasection for a modern application.
Primary workflow
A clean default configuration for everyday product interfaces.
Additional option
A clean default configuration for everyday product interfaces.
Marketing
CTASection
Close a page or major section with conversion-focused copy, actions, and optional supporting visual content.
Citizen support
Citizen services
Report incidents, request certificates, and find safety information.
Marketing
Feature Card
Present one linked feature or service with media, icon, badge, description, and action.
Secure by design
Marketing
Feature Icon Card
Present a compact feature or benefit with a styled icon, title, description, badge, and optional link.
Reusable public UI
Build polished pages with consistent hero layouts
Create strong first impressions for public portals, product pages, and service overviews.
Primary workflow
Additional option
Composable visual panel
Add a screenshot, product preview, media block, chart, form, or illustration.
Hero example
A polished default hero for a modern application.
Primary workflow
A clean default configuration for everyday product interfaces.
primary
Additional option
A clean default configuration for everyday product interfaces.
secondary
Marketing
Hero
Build a full-width responsive hero with constrained content, actions, trust signals, and a structured or custom visual panel.
Marketing
Hero Actions
Group hero and campaign actions with consistent alignment, orientation, sizing, and responsive mobile stacking.
Platform capabilities
Build complete public experiences
Use reusable sections, cards, metrics, heroes, and CTAs.
Marketing
Marketing Section Header
Introduce marketing content with an eyebrow, title, description, and optional linked action.
Component showcase
Page headers with clear hierarchy
Use PageHeader for services, directories, legal pages, guides, dashboards, and public information.
Marketing
Page Header
Introduce an internal or public page with breadcrumbs, icon, title, description, and primary or secondary actions.
Balanced layout
Combine detailed content with a strong visual panel
Use SplitHero for product explanations, department introductions, campaigns, and feature storytelling.
Primary workflow
Additional option
Composable visual panel
Add a screenshot, product preview, media block, chart, form, or illustration.
Split Hero example
A polished default split hero for a modern application.
Primary workflow
primary
A clean default configuration for everyday product interfaces.
Additional option
secondary
A clean default configuration for everyday product interfaces.
Marketing
Split Hero
Build a responsive two-column introduction balancing descriptive content with a visual, image, or structured data panel.
Marketing
Text Link
Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling.