import type { HTMLAttributes } from 'react' export type AgentWorkspaceHeroProps = HTMLAttributes /** * Copy-and-own Tailwind component. Add application-specific state and event handlers where needed. */ export function AgentWorkspaceHero({ className, ...props }: AgentWorkspaceHeroProps) { return (

Built by an agent with Tessera UI

The UI library agents don't have to guess with.

Agent Workspace shows what happens when the UI library is the source of truth: clear building blocks, predictable composition, and pages assembled from real components instead of one-off markup.

Browse marketing components View example sites

Source of truth: Registry-first
Composition model: Copy-and-own
Primary benefit: Predictable UI

Agent workspace

Component plan for a product landing page

Valid

Selected sections

Hero rebuilt-section
Trust strip rebuilt-section
Workflow rebuilt-section
Pricing rebuilt-section
Closing CTA rebuilt-section

Agent guardrail

No bespoke sections

Every visible block comes from Tessera UI.

Design outcome

Better hierarchy

Clearer sections, cleaner pacing, less noise.

Trusted by teams shipping fast

Northlane Vaultform Ridgeline Circuiton Fernwell Basecove

) }

Rebuilt Sections

Agent Workspace hero

Agent Workspace trust strip

Agent Workspace workflow

Agent Workspace pricing

Agent Workspace closing CTA

Navigation

Authentication layout

Pricing

Related components

CTAs

Footers

Header

Rebuilt Motion