Components
Production-ready AmroUI components organized by AmroAgents, AmroGen, AmroPilot, AmroAcademy, AmroVisionAI, AmroMeet, and shared foundations.
Shared design system
AmroUI components
Accessible foundations and connected workflow patterns for every product in the Amro family.
Activity TimelineA chronological process feed for completed, live, pending, and failed agent activity.View componentAmro App HeaderA responsive product header with Amro identity, active navigation, application actions, and a mobile menu trigger.View componentAmro Product IdentityA compact product identity lockup with product icon, description, and live availability state.View componentAmro ToastAn accessible dismissible notification for success, information, warning, and error feedback.View componentAmro UILogoA configurable, accessible amro uilogo surface for AI product workflows.View componentAudit Log TableA structured, inspectable record of actor, action, target, timestamp, and outcome for governed AI workflows.View componentAvatarA configurable, accessible avatar surface for AI product workflows.View componentBadgeA configurable, accessible badge surface for AI product workflows.View componentButtonA configurable, accessible button surface for AI product workflows.View componentCardA configurable, accessible card surface for AI product workflows.View componentCommand PaletteA searchable keyboard-oriented command surface with result metadata, shortcuts, disabled states, and empty results.View componentContext DrawerA labeled contextual side panel with controlled visibility, scrollable content, and persistent footer actions.View componentCredit Balance BadgeAn actionable credit balance indicator with localized numbers and a low-balance warning state.View componentDate InputA configurable, accessible date input surface for AI product workflows.View componentDividerA configurable, accessible divider surface for AI product workflows.View componentEmbedded Booking CardAn inline AmroMeet scheduler with host context, duration, timezone, slot selection, and continuation state.View componentEmpty StateA purposeful empty state with contextual explanation and primary and secondary recovery actions.View componentError Recovery CardA failure surface that preserves user confidence through clear recovery, diagnostics, and retry actions.View componentExpandable Process DiagramA disclosure-based workflow diagram that explains completed, active, pending, and blocked process stages.View componentFeature Proof CardA feature evidence card pairing a product claim with confidence, verified sources, and a supporting action.View componentFullscreen Gallery ViewerAn accessible asset viewer with captions, cyclic navigation, position feedback, and an explicit close action.View componentGradient Primary ButtonThe canonical token-driven gradient action button for a screen's primary commitment.View componentHuman Approval NoticeA reusable control-boundary notice explaining why work paused, who reviews it, and how to continue.View componentInputA configurable, accessible input surface for AI product workflows.View componentLive Pulse BadgeAn explicit live, processing, or paused status badge with reduced-motion support.View componentMetric TileA compact outcome metric with value, change, trend semantics, and an optional product icon.View componentOutline Secondary ButtonThe canonical outlined action button for useful secondary actions without competing with the primary action.View componentProduct Preview FrameA browser-like frame for credible application previews with optional tools and fullscreen handling.View componentRange InputA configurable, accessible range input surface for AI product workflows.View componentSelectA configurable, accessible select surface for AI product workflows.View componentSkeletonA configurable, accessible skeleton surface for AI product workflows.View componentSkeleton CardA configurable card loading placeholder with media, heading, and content-line shapes.View componentStatus PillA configurable, accessible status pill surface for AI product workflows.View componentTalk Now ButtonAn availability-aware live conversation call to action with a restrained active-state pulse.View componentText Tertiary ActionThe canonical low-emphasis text action for navigation, disclosure, and reversible utility commands.View componentTextareaA configurable, accessible textarea surface for AI product workflows.View componentTheme Segmented ToggleA configurable, accessible theme segmented toggle surface for AI product workflows.View componentTime InputA configurable, accessible time input surface for AI product workflows.View componentTooltipA configurable, accessible tooltip surface for AI product workflows.View componentWorkflow Step RailA configurable, accessible workflow step rail surface for AI product workflows.View component
Agents on your knowledge
AmroAgents components
Assistant, conversation, specialist-agent, approval, and human-handoff interfaces.
Agent Outcome MetricsOutcome metrics for completed tasks, verified time savings, workflow volume, and success rate.View componentAgent Status RowA specialist agent row showing identity, current task, presence state, and determinate progress.View componentAgent Team PanelA coordinated specialist-team panel for monitoring active, waiting, completed, and failed agents.View componentAgent Typing StackA configurable, accessible agent typing stack surface for AI product workflows.View componentAsk Amro LauncherA configurable, accessible ask amro launcher surface for AI product workflows.View componentAssistant Command CenterA preassembled assistant workspace combining conversation, agent presence, actions, approval, and human handoff.View componentAssistant HeaderA configurable, accessible assistant header surface for AI product workflows.View componentAssistant Message BubbleA configurable, accessible assistant message bubble surface for AI product workflows.View componentAssistant Presence OrbA status-driven assistant indicator with distinct idle, listening, thinking, speaking, and error states.View componentChat Action ReceiptA configurable, accessible chat action receipt surface for AI product workflows.View componentChat Options PopoverA configurable, accessible chat options popover surface for AI product workflows.View componentControl Boundary CardA visible permission contract for approved knowledge, connected tools, and human-controlled actions.View componentConversation Handoff CardA configurable, accessible conversation handoff card surface for AI product workflows.View componentConversation Mode BarA configurable, accessible conversation mode bar surface for AI product workflows.View componentConversation TimelineA configurable, accessible conversation timeline surface for AI product workflows.View componentEscalation Reason CardA configurable, accessible escalation reason card surface for AI product workflows.View componentHuman In Loop IndicatorA persistent control-boundary notice explaining the paused action, reviewer, and approval stage.View componentHuman Message BubbleA configurable, accessible human message bubble surface for AI product workflows.View componentInline Approval CardA configurable, accessible inline approval card surface for AI product workflows.View componentIssue Report ComposerA conversational issue form for severity, screenshots, category, diagnostics, and investigation context.View componentKnowledge Boundary BadgeA configurable, accessible knowledge boundary badge surface for AI product workflows.View componentLive Outcome CardA high-visibility real-world outcome receipt such as a booked meeting or completed operational action.View componentOmni Prompt ComposerA configurable, accessible omni prompt composer surface for AI product workflows.View componentPowered By FooterA compact, white-labelable assistant attribution footer with an optional privacy action.View componentRecent Agent ActivityA dense chronological feed of agent research, tool calls, approvals, and real-world outcomes.View componentSource Citation TrayA configurable, accessible source citation tray surface for AI product workflows.View componentStreaming AnswerA configurable, accessible streaming answer surface for AI product workflows.View componentSuggested Prompt DeckA configurable, accessible suggested prompt deck surface for AI product workflows.View componentTrusted Knowledge CardApproved knowledge collections with document counts, freshness, review state, and source management.View componentVoice Conversation DockA configurable, accessible voice conversation dock surface for AI product workflows.View component
AI sales agent
AmroGen components
Research, prospect scoring, personalised outreach, review, and campaign-control interfaces.
Approval DiffA configurable, accessible approval diff surface for AI product workflows.View componentApproval GateA configurable, accessible approval gate surface for AI product workflows.View componentAudience Signal ChipA configurable, accessible audience signal chip surface for AI product workflows.View componentAutonomy Level ControlA configurable, accessible autonomy level control surface for AI product workflows.View componentBulk Review QueueA configurable, accessible bulk review queue surface for AI product workflows.View componentCampaign Command BarA configurable, accessible campaign command bar surface for AI product workflows.View componentCampaign Outcome BoardA configurable, accessible campaign outcome board surface for AI product workflows.View componentCampaign Progress CardA configurable, accessible campaign progress card surface for AI product workflows.View componentCampaign Status TabsA configurable, accessible campaign status tabs surface for AI product workflows.View componentChannel Readiness StripA configurable, accessible channel readiness strip surface for AI product workflows.View componentCredit Usage CardA configurable, accessible credit usage card surface for AI product workflows.View componentDecision Maker CardA configurable, accessible decision maker card surface for AI product workflows.View componentFit Reason PopoverA configurable, accessible fit reason popover surface for AI product workflows.View componentHuman Approval PipelineA reusable autonomous-workflow boundary that stops consequential actions until a person reviews and approves them.View componentICPBuilderA configurable, accessible icpbuilder surface for AI product workflows.View componentLead Fit MeterA configurable, accessible lead fit meter surface for AI product workflows.View componentMessage Variant SwitcherA configurable, accessible message variant switcher surface for AI product workflows.View componentNamed Account InputA configurable, accessible named account input surface for AI product workflows.View componentOutreach Quality ScoreA configurable, accessible outreach quality score surface for AI product workflows.View componentPersonalisation EvidenceA configurable, accessible personalisation evidence surface for AI product workflows.View componentPersonalised Message PreviewA configurable, accessible personalised message preview surface for AI product workflows.View componentProspect Company CardA configurable, accessible prospect company card surface for AI product workflows.View componentProspect StackA configurable, accessible prospect stack surface for AI product workflows.View componentResearch Progress RailA configurable, accessible research progress rail surface for AI product workflows.View componentRetry With GuidanceA configurable, accessible retry with guidance surface for AI product workflows.View componentSales Agent Audit LogA configurable, accessible sales agent audit log surface for AI product workflows.View componentSales Brief ComposerA configurable, accessible sales brief composer surface for AI product workflows.View componentSend Window PlannerA configurable, accessible send window planner surface for AI product workflows.View componentSender Identity CardA configurable, accessible sender identity card surface for AI product workflows.View componentSequence TimelineA configurable, accessible sequence timeline surface for AI product workflows.View componentWeak Draft WarningA configurable, accessible weak draft warning surface for AI product workflows.View component
Client-branded SEO articles
AmroPilot components
Structured research, editorial workflows, quality gates, and publication-ready exports.
AIImage SlotA configurable, accessible aiimage slot surface for AI product workflows.View componentArticle Status CardA configurable, accessible article status card surface for AI product workflows.View componentArticle WorkspaceA configurable, accessible article workspace surface for AI product workflows.View componentBrand Voice MeterA configurable, accessible brand voice meter surface for AI product workflows.View componentBranded Export PreviewA configurable, accessible branded export preview surface for AI product workflows.View componentCitation InspectorA configurable, accessible citation inspector surface for AI product workflows.View componentClaim Verification CardA configurable, accessible claim verification card surface for AI product workflows.View componentClient Brand CapsuleA configurable, accessible client brand capsule surface for AI product workflows.View componentClient Workspace SwitcherA configurable, accessible client workspace switcher surface for AI product workflows.View componentCMSWebhook TesterA configurable, accessible cmswebhook tester surface for AI product workflows.View componentContent Brief CanvasA configurable, accessible content brief canvas surface for AI product workflows.View componentContent Quality PanelA configurable, accessible content quality panel surface for AI product workflows.View componentContent Version TimelineA configurable, accessible content version timeline surface for AI product workflows.View componentCredit ForecastA configurable, accessible credit forecast surface for AI product workflows.View componentEditor Review ModeA configurable, accessible editor review mode surface for AI product workflows.View componentEditorial PipelineA configurable, accessible editorial pipeline surface for AI product workflows.View componentEditorial Quality GateA pluggable editorial checklist that blocks publication while mandatory quality requirements remain unresolved.View componentExport Format TrayA configurable, accessible export format tray surface for AI product workflows.View componentFigure Quality CardA configurable, accessible figure quality card surface for AI product workflows.View componentInline AICommand MenuA configurable, accessible inline aicommand menu surface for AI product workflows.View componentInternal Link SuggestionA configurable, accessible internal link suggestion surface for AI product workflows.View componentIssue NavigatorA configurable, accessible issue navigator surface for AI product workflows.View componentKeyword Brief FormA configurable, accessible keyword brief form surface for AI product workflows.View componentKeyword Cluster MapA configurable, accessible keyword cluster map surface for AI product workflows.View componentMetadata PreviewA configurable, accessible metadata preview surface for AI product workflows.View componentOutline Tree EditorA configurable, accessible outline tree editor surface for AI product workflows.View componentPipeline Stage CardA configurable, accessible pipeline stage card surface for AI product workflows.View componentPublication GateA configurable, accessible publication gate surface for AI product workflows.View componentSearch Intent SelectorA configurable, accessible search intent selector surface for AI product workflows.View componentSection Generation ControlA configurable, accessible section generation control surface for AI product workflows.View componentSERPResearch PanelA configurable, accessible serpresearch panel surface for AI product workflows.View componentTrust Pattern WarningA configurable, accessible trust pattern warning surface for AI product workflows.View component
AI learning agents
AmroAcademy components
Voice tutoring, adaptive learning, mastery, course generation, and organisation controls.
Adaptive Path CardA configurable, accessible adaptive path card surface for AI product workflows.View componentAsk Tutor ButtonA configurable, accessible ask tutor button surface for AI product workflows.View componentBadge Earned ToastA configurable, accessible badge earned toast surface for AI product workflows.View componentCertificate CardA configurable, accessible certificate card surface for AI product workflows.View componentConfidence SelectorA configurable, accessible confidence selector surface for AI product workflows.View componentConversational Lesson PlayerA preassembled learning surface combining audio, synchronized transcript, learner interruption, and knowledge checks.View componentCourse Generation PipelineA configurable, accessible course generation pipeline surface for AI product workflows.View componentCredit Pool MeterA configurable, accessible credit pool meter surface for AI product workflows.View componentHands Free ModeA configurable, accessible hands free mode surface for AI product workflows.View componentInstructor Programme CardA configurable, accessible instructor programme card surface for AI product workflows.View componentKnowledge Check CardA configurable, accessible knowledge check card surface for AI product workflows.View componentLanguage SwitcherA configurable, accessible language switcher surface for AI product workflows.View componentLearning Companion CardA configurable, accessible learning companion card surface for AI product workflows.View componentLearning Context ModeA configurable, accessible learning context mode surface for AI product workflows.View componentLearning Goal CardA configurable, accessible learning goal card surface for AI product workflows.View componentLearning Session MapA configurable, accessible learning session map surface for AI product workflows.View componentLearning Streak TileA configurable, accessible learning streak tile surface for AI product workflows.View componentMastery Progress RingA configurable, accessible mastery progress ring surface for AI product workflows.View componentMy Journey Resume CardA configurable, accessible my journey resume card surface for AI product workflows.View componentOffline Lesson CardA configurable, accessible offline lesson card surface for AI product workflows.View componentOrganisation Allocation TableA configurable, accessible organisation allocation table surface for AI product workflows.View componentRole BadgeA configurable, accessible role badge surface for AI product workflows.View componentSkill Mastery RadarA configurable, accessible skill mastery radar surface for AI product workflows.View componentSynced TranscriptA configurable, accessible synced transcript surface for AI product workflows.View componentTeam Learning HeatmapA configurable, accessible team learning heatmap surface for AI product workflows.View componentTopic To Course ComposerA configurable, accessible topic to course composer surface for AI product workflows.View componentTutor Conversation PanelA configurable, accessible tutor conversation panel surface for AI product workflows.View componentTutor Memory PanelA configurable, accessible tutor memory panel surface for AI product workflows.View componentTutor Response CardA configurable, accessible tutor response card surface for AI product workflows.View componentUnderstanding CheckA configurable, accessible understanding check surface for AI product workflows.View componentVoice Lesson PlayerA configurable, accessible voice lesson player surface for AI product workflows.View componentVoice Tutor OrbA configurable, accessible voice tutor orb surface for AI product workflows.View component
Marketing images you keep
AmroVisionAI components
Prompting, generation, comparison, brand governance, durable assets, and campaign delivery.
Alt Text GeneratorA configurable, accessible alt text generator surface for AI product workflows.View componentAPIAsset CardA configurable, accessible apiasset card surface for AI product workflows.View componentAspect Ratio PickerA configurable, accessible aspect ratio picker surface for AI product workflows.View componentAsset Detail DrawerA configurable, accessible asset detail drawer surface for AI product workflows.View componentAsset Gallery CardA configurable, accessible asset gallery card surface for AI product workflows.View componentAsset Usage TrackerA configurable, accessible asset usage tracker surface for AI product workflows.View componentAsset Version StackA configurable, accessible asset version stack surface for AI product workflows.View componentBefore After CompareA configurable, accessible before after compare surface for AI product workflows.View componentBrand Visual ProfileA configurable, accessible brand visual profile surface for AI product workflows.View componentCampaign Crop SetA configurable, accessible campaign crop set surface for AI product workflows.View componentContent Safety ExplanationA configurable, accessible content safety explanation surface for AI product workflows.View componentCredit Consumption ReceiptA configurable, accessible credit consumption receipt surface for AI product workflows.View componentCredit Cost PreviewA configurable, accessible credit cost preview surface for AI product workflows.View componentDownload Format MenuA configurable, accessible download format menu surface for AI product workflows.View componentDurable Asset BadgeA configurable, accessible durable asset badge surface for AI product workflows.View componentDurable Generation CardA durable AI asset surface combining output, provenance, prompt, storage URL, usage context, and variants.View componentEmpty Gallery StarterA configurable, accessible empty gallery starter surface for AI product workflows.View componentFallback Event NoticeA configurable, accessible fallback event notice surface for AI product workflows.View componentFavourite Collection CardA configurable, accessible favourite collection card surface for AI product workflows.View componentGeneration CanvasA state-complete generation surface for idle, loading, preview, result, error, and moderation outcomes.View componentGeneration Progress StoryA configurable, accessible generation progress story surface for AI product workflows.View componentImage Prompt WorkbenchA configurable, accessible image prompt workbench surface for AI product workflows.View componentImage Variant GridA configurable, accessible image variant grid surface for AI product workflows.View componentModel Provider StripA configurable, accessible model provider strip surface for AI product workflows.View componentPrompt Brief BuilderA configurable, accessible prompt brief builder surface for AI product workflows.View componentPrompt Enhancement DiffA configurable, accessible prompt enhancement diff surface for AI product workflows.View componentPrompt History TimelineA configurable, accessible prompt history timeline surface for AI product workflows.View componentReference Image TrayA configurable, accessible reference image tray surface for AI product workflows.View componentSafe Text Area OverlayA configurable, accessible safe text area overlay surface for AI product workflows.View componentStyle Recipe CardA configurable, accessible style recipe card surface for AI product workflows.View componentVariation ControlsA configurable, accessible variation controls surface for AI product workflows.View component
Instant Google Meet links
AmroMeet components
Availability, booking, meeting context, confirmation, and conversation-to-meeting handoffs.
Agent To Meeting HandoffA configurable, accessible agent to meeting handoff surface for AI product workflows.View componentAIMeeting BriefA configurable, accessible aimeeting brief surface for AI product workflows.View componentAvailability Rules EditorA configurable, accessible availability rules editor surface for AI product workflows.View componentBooking CalendarAn accessible month grid with disabled, available, selected, and keyboard-navigation states.View componentBooking Details FormA configurable, accessible booking details form surface for AI product workflows.View componentBooking Page PreviewA configurable, accessible booking page preview surface for AI product workflows.View componentBooking Step HeaderA configurable, accessible booking step header surface for AI product workflows.View componentBooking Summary CardA configurable, accessible booking summary card surface for AI product workflows.View componentBuffer Time ControlA configurable, accessible buffer time control surface for AI product workflows.View componentCalendar Connection CardA configurable, accessible calendar connection card surface for AI product workflows.View componentCalendar Delivery StatusA configurable, accessible calendar delivery status surface for AI product workflows.View componentCancellation Reason DialogA configurable, accessible cancellation reason dialog surface for AI product workflows.View componentConfirmation CardA configurable, accessible confirmation card surface for AI product workflows.View componentConflict IndicatorA configurable, accessible conflict indicator surface for AI product workflows.View componentConversation To Meeting BridgeA cross-product bridge that carries conversation context into an immediate or scheduled meeting.View componentDate Availability CellA configurable, accessible date availability cell surface for AI product workflows.View componentEmbed ConfiguratorA configurable, accessible embed configurator surface for AI product workflows.View componentEvent Type CardA configurable, accessible event type card surface for AI product workflows.View componentEvent Type SwitcherA configurable, accessible event type switcher surface for AI product workflows.View componentHost Presence IndicatorA configurable, accessible host presence indicator surface for AI product workflows.View componentHost Routing CardA configurable, accessible host routing card surface for AI product workflows.View componentInstant Meet CTAA configurable, accessible instant meet cta surface for AI product workflows.View componentLive Meet Ready CardA configurable, accessible live meet ready card surface for AI product workflows.View componentMeet Creation ProgressA configurable, accessible meet creation progress surface for AI product workflows.View componentMeeting Limit CardA configurable, accessible meeting limit card surface for AI product workflows.View componentMeeting Reason CardA configurable, accessible meeting reason card surface for AI product workflows.View componentNo Login Guest FormA configurable, accessible no login guest form surface for AI product workflows.View componentReschedule PanelA configurable, accessible reschedule panel surface for AI product workflows.View componentSource Context ChipA configurable, accessible source context chip surface for AI product workflows.View componentTalk Now FallbackA configurable, accessible talk now fallback surface for AI product workflows.View componentTime Slot ListA configurable, accessible time slot list surface for AI product workflows.View componentTimezone PillA configurable, accessible timezone pill surface for AI product workflows.View componentWeekly Availability GridA configurable, accessible weekly availability grid surface for AI product workflows.View component