AtroUIAtroUI
DocsComponentsBlogTheming
StarOwn the UI
  • Introduction
  • Installation
  • Host APIs
  • Registry
  • Theming
  • Brand kit
  • Identity kit
  • Compare
  • Changelog
  • Blog
  • ButtonCLI
  • CardCLI
  • Form SelectCLI
  • TextareaCLI
  • BreadcrumbsCLI
  • ProseCLI
  • Founder AvatarCLI
  • Theme ToggleCLI
  • 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

Feature Grid

Product feature grid with editable CONTENT and FEATURES.

Preview → install → use

01

Preview

Product

Everything you need to ship the page.

Replace these with your real product pillars. Keep one job per card.

  • 01

    Owned source

    CLI installs land in your repo. Edit copy, fork layout, keep git history.

  • 02

    Dark-first tokens

    Black canvas, brand accent, glass surfaces — light mode as an alternate.

  • 03

    Host APIs

    Optional hardened /api handlers. Bring your own keys; AtroUI holds none.

  • 04

    Production sections

    Heroes, pricing, forms, and tools extracted from shipped studio work.

  • 05

    Brand chrome

    getBrand() keeps headers, footers, and mailto coherent across pages.

  • 06

    BYOK tools

    OG, thumbnail, and scope demos run preview/rules without paid keys.

02

Install

bash
npx shadcn@latest add @atroui/feature-grid

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

03

Usage

Landing section below the hero. Edit FEATURES to match your product pillars. Not used on atroui.com homepage.
PreviousPricingNextLogo Cloud