362
Sponsor

Splash Screen

Styled startup banner with big ASCII art title, subtitle, author credit, and status line

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/splash-screen

Usage

import { SplashScreen } from "@/components/ui/splash-screen";
<SplashScreen
  title="MyCLI"
  subtitle="The modern developer toolkit"
  author={{ name: "Jane Doe", href: "https://example.com" }}
  statusLine={<Text color="green">● Ready on port 3000</Text>}
/>

API Reference

SplashScreen

PropTypeDefault
titlestringrequired
font"block" | "simple""block"
titleColorstring-
titleColorAltstring-
boldbooleantrue
subtitlestring-
subtitleDimbooleantrue
author{ name: string; href?: string }-
statusLineReactNode-
paddingnumber2
align"left" | "center"-