Write fast with accurate precision.

Our state of the art tool is a tool that allows you to write copy instantly.

Download for LinuxDownload for Windows

Marketing Surface

Hero package demo with the real exported defaults.

This route renders `@anvilkit/hero` directly, using the same default props and styles that the package exposes to consumers and to the Puck demo config.

Back to demo hubOpen Puck editorOpen render surface
Package contract

What this validates

  • The announcement pill uses `RainbowButton` from `@anvilkit/ui`.
  • Both download CTAs use the shared `Button` primitive.
  • The demo route consumes the published package surface, not local mock markup.
  • Edit-mode-safe behavior is preserved in the shared Puck config.
Usage

Import from the package

import { Hero, defaultProps } from "@anvilkit/hero";

export function MarketingHero() {
	return <Hero {...defaultProps} />;
}