Centered hero
Announcement badge, headline, two calls to action and a short trust line, all centered.
All blocks
Hero blocks
Page openers with one clear headline, supporting copy and calls to action.
5 variants. Every block is one file built from CK-UI components and works in light and dark mode.
Split hero
Copy, highlights and two actions beside an illustration of the product at work; stacks on small screens.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authority react-iconsHero with product preview
Centered copy above a framed, decorative preview of the product interface that adapts to the screen width.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authority react-iconsMinimal hero
Text-first, left-aligned hero with release details, a single primary action and an install command.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authority react-iconsHero with social proof
Announcement link, headline and actions, followed by a reviewer avatar stack and an average rating.