A playful typographic hero with a staggered word-and-emoji entrance animation.
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/intro-banner
1{2"registries": {3"@nextui": {4"url": "https://nextui.dev/r/{name}.json",5"headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }6}7}8}
1import { IntroBanner } from "@/components/blocks/intro-banner";23export function Hero() {4return (5<IntroBanner6title={"Meet the app 🚀 that turns\nbig ideas 💡 into simple,\nbeautiful things you’ll\nlove using ✨"}7/>8);9}
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Meet the app that turns big ideas…" | Headline text; newline characters set explicit line breaks |
| 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.