For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: A centered pitch with no product art: a 7 face creator stack, a star rating, Figma and Cursor actions and a Scroll Down cue
When to use
- The first screen of a landing page: a headline, a lede and the actions a visitor takes first
- A launch pitch beside the product itself, as a rebuilt console, an isometric scene or a carousel
- A waitlist signup that collects an email above the fold, or trust shown by ratings and logos
When not to use
- A centered pitch that shows a row of brand wordmarks and a product console below: use the Brand Cloud Hero block
- A centered pitch backed by a code sample the visitor can edit and copy: use the Code Editor Hero block
- A working sidebar layout for the signed in product, not a decorative picture of one: use the App Shell blocks
- A closing band lower on the page that repeats one signup or upgrade ask: use the CTA blocks
- A storefront opener that sells goods, with prices, a product mosaic or a cart: use the Shop Hero blocks
Agent notes
HERO_PROOFholds 7 portraits, 5 of them real GitHub profiles (shadcn, Evil Rabbit and others); replace them with your own usersHERO_RATINGhard codes the 4.5 star value, the 13.9k Ratings count and the 27 reviews label; set them from your real ratings- The section is at least one viewport tall through
min-h-svh, with the content centered in it; drop the class when sections follow Herotakes no props and renders the pageh1from copy written inline in components/hero.tsx; keep it the only h1 on the page- No call to action reaches a route or backend: links point at an
hrefhash, form submits only set local state and the rest have no handler - Each section sets its own
px-4andpy-12padding and amax-w-7xltrack; strip them when your layout already pads content
https://web.dev.reui.io/blocks/marketing/hero/hero-13.mdget_block("hero-13")npx shadcn@latest add @reui/hero-13Shadcn Components in the Creator Cloud Hero Block
Shadcn Creator Cloud Hero Block
Centered registry hero with a creator cloud and dual calls to action. Part of the ReUI Shadcn Marketing Hero blocks collection.
Conversion hero for a shadcn registry or AI-agent dev tool: an 'Agent Skills Available' announcement pill over a two-tone 'First-class shadcn for AI agents' headline, a curated-registry lede, a seven-person creator cloud paired with a 4.5-star '13.9k Ratings' proof line and a reviews link, and two calls to action, 'Preview in Figma' and a primary 'Start with Cursor' with the Cursor wordmark, over a quiet scroll cue. Uses ReUI Badge and Rating, shadcn Avatar, AvatarGroup and Button, and portable IconPlaceholder icons. For landing pages, registry marketing, and developer-tool heroes.
It is composed from Avatar, Badge, Button, Rating, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Creator Cloud Hero Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Marketing Hero blocks to assemble a full screen instead of a single section.
All Shadcn Marketing Hero Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- MCP Usage Hero Dark MCP usage hero with an animated isometric bar chart and a flagged usage spike
- Revenue Console Hero Aurora Console Hero
- Capability Chips Hero Emerald registry hero with an animated isometric scene of floating product blocks
- People Console Hero Split Registry Hero With A Console On A Drifting Photo Backdrop
- Integrations Hero Integrations Hero With An Isometric Grid Of Floating Brand Tiles
- Security Console Hero Split registry hero with a live security console over a tower skyline
- Console-First Waitlist Split cloud platform hero with a pointer-tilted crew console on a black frame
- Waitlist Hero Cloud platform hero with inline email capture and a live analytics console
- Tabbed Console Hero Registry hero with a tabbed console on a sky field
- Code Editor Hero Centered AI-registry hero with an editable code card and social proof
- Feature Swap Hero Split registry hero with a feature card and a framed analytics console
- Brand Cloud Hero Centered registry hero with a brand cloud and a framed analytics console
- Split Header Hero Split-header hero with a product console on a dark wave field
- Linked Features Hero Bordered blueprint hero with an announcement badge and a three-cell feature grid
- Built-to-Ship Hero Split hero with a Built to ship checklist and a bleeding app-shell carousel
Related Shadcn Marketing Block Categories
- Blog (6) Blog post layouts, article grids, and content listing components for editorial sites.
- Compare (3) Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
- Contact (6) Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.
- CTA (17) Call to action sections that close a page, from centered email captures and split layouts to full-width banners with photos and proof rows.
- FAQ (6) FAQ and accordion sections for common questions, knowledge bases, and support pages.
- How It Works (5) How it works sections that walk a product in numbered steps, from step grids to tabs that swap a product console.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the Creator Cloud Hero block?
Use it for a centered pitch with no product art: a 7 face creator stack, a star rating, Figma and Cursor actions and a Scroll Down cue.
The Hero category fits:
- The first screen of a landing page: a headline, a lede and the actions a visitor takes first
- A launch pitch beside the product itself, as a rebuilt console, an isometric scene or a carousel
- A waitlist signup that collects an email above the fold, or trust shown by ratings and logos
For a centered pitch that shows a row of brand wordmarks and a product console below, use the Brand Cloud Hero block. For a centered pitch backed by a code sample the visitor can edit and copy, use the Code Editor Hero block. For a working sidebar layout for the signed in product, not a decorative picture of one, use the App Shell blocks. For a closing band lower on the page that repeats one signup or upgrade ask, use the CTA blocks. For a storefront opener that sells goods, with prices, a product mosaic or a cart, use the Shop Hero blocks.
What is the Creator Cloud Hero block built with?
Can I restyle the Creator Cloud Hero block?
How should I use Shadcn hero blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.