Creator-style homepage hero with an expressive robot and a cycling typewriter headline.
Set your access key from API keys as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then every item installs by name. Each install counts as a copy on a free account.
$pnpm dlx shadcn@latest add @nextui/creative-home-hero
1{2"registries": {3"@nextui": {4"url": "https://nextui.dev/r/{name}.json",5"headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }6}7}8}
1import { CreativeHomeHero } from "@/components/blocks/creative-home-hero";23export function HomeHero() {4return (5<CreativeHomeHero6prefix="A little space for"7phrases={["good ideas", "curious people", "making things"]}8description="Notes and experiments from the edge of design and technology."9links={[10{ label: "GitHub", href: "https://github.com/your-name", platform: "github" },11{ label: "LinkedIn", href: "https://linkedin.com/in/your-name", platform: "linkedin" },12]}13/>14);15}
| Prop | Type | Default | Description |
|---|---|---|---|
| prefix | string | "The home for" | Static first line of the headline |
| phrases | string[] | ["curious minds", "big ideas", "what comes next"] | Phrases typed and erased in rotation |
| description | string | "A little corner… exploring\nideas, building… sharing\nwhat I learn…" | Subtitle text; newline characters create explicit line breaks |
| links | CreativeHeroLink[] | [] | Social links: label, href, and platform ("github", "linkedin", "x", or "rss") |
| className | string | – | Extra classes on the section |
Sign in to see the code
Preview it freely. A free account copies code and prompts a few times a day.