AtroUIAtroUI
DocsBlog
StarOwn the UI
  • Introduction
  • Installation
  • Host APIs
  • Registry
  • Theming
  • Brand kit
  • Identity kit
  • Launch workflow
  • Collections
  • Glossary
  • Compare
  • Changelog
  • Blog
  • Updates
  • ButtonCLI
  • CardCLI
  • Form SelectCLI
  • TextareaCLI
  • BreadcrumbsCLI
  • ProseCLI
  • Founder AvatarCLI
  • Theme ToggleCLI
  • Adaptive Theme SwitchCLI
  • Theme ProviderCLI
  • LogoCLI
  • Mockup FrameCLI
  • TimelineCLI
  • Fade InCLI
  • StaggerCLI
  • Scroll ProgressCLI
  • Site HeaderCLI
  • Site FooterCLI
  • Bold FooterCLI
  • HeroCLI
  • PrincipleCLI
  • WorkCLI
  • CraftsCLI
  • LabCLI
  • WhoCLI
  • PricingCLI
  • Feature GridCLI
  • Logo CloudCLI
  • FAQCLI
  • Contextual CTACLI
  • Exit IntentCLI
  • Contact FormHost API
  • Calendly EmbedCLI
  • Waitlist FormHost API
  • Newsletter FormHost API
  • JournalCLI
  • Social ShareCLI
  • ResourcesCLI
  • Before / AfterCLI
  • Case StudyCLI
  • AR PortfolioCLI
  • Made With EmbedCLI
  • Count UpCLI
  • Deadline CountdownCLI
  • CurrentlyCLI
  • Project ListCLI
  • Log PreviewCLI
  • ChangelogCLI
  • Command MenuCLI
  • RevealCLI
  • Theme Toggle IconCLI
  • Site Header NarrowCLI
  • Site Footer NarrowCLI
  • Social FloatCLI
  • Reading ShelfCLI
  • Personal HeroCLI
  • ResumeCLI
  • Local ClockCLI
  • Weather ChipCLI
  • Stack ListCLI
  • OG ExamplesCLI
  • OG Live PreviewCLI
  • OG WorkspaceHost API
  • Thumbnail PreviewCLI
  • Thumbnail WorkspaceHost API
  • Project PlannerCLI
  • Scope ChatHost API
  • Live DashboardCLI
  • Analytics ProviderCLI
  • JSON-LDCLI
  • Testimonial SchemaCLI

Loading

Block

CLI registry

Hero

AI value-prop homepage hero (OG canvas, sprint rail, CTAs). Install as @atroui/home-hero.

Preview → install → use

01

Preview

$npx shadcn@latest add @atroui/home-hero

One-person studio · May sprints open

Stop losing weeks to boilerplate.

We ship the product you were going to build next month - this week. Fixed scope. Fixed price. No PMs. No handoffs.

Start a 7-day MVP sprintTry the free OG tool

Koustav

Founder · every line of code

atroui.com/og
Open live
Ship in days, not quarters.
AtroUI - studio + free AI tools
1200 × 630 · Tech minimalOpen in tool →

Live CSS preview of the OG tool

Generate

7-day sprint

Day 4 / 7
  1. 01Scope + stack
  2. 02Auth + data
  3. 03Core flow
  4. 04AI feature
  5. 05Polish UI
  6. 06Deploy
  7. 07Handoff
Book this sprint

Source lands in your repo. Setup: Installation · Registry catalog.

02

Usage

Use once at the top of a marketing homepage. Docs preview uses the studio HeroAiValueProposition; CLI install lands the CONTENT-driven HomeHero clone. Full-bleed section.

Replace a generic landing hero with owned source

Edit CONTENT for headline, proof line, and CTAs. The block is the AtroUI default install example because it is a full section, not a button. Pair with site-header and a Host API form when the page must convert.

FAQ

Can I change the copy without a theme API?
Yes. After shadcn add, the file is yours. CONTENT and DEFAULT_BRAND sit at the top. Chrome uses getBrand() / NEXT_PUBLIC_SITE_*.

Part of Dark marketing sections for Next.js.

Related

  • Site Header
  • Site Footer
  • Bold Footer
  • Principle

Hero

PreviousBold FooterNextPrinciple