CLI is a terminal window mockup that types a command character by character, prints staggered output lines, and keeps a cursor blinking, then loops forever. The command text and card copy are props. Built with Framer Motion and React. Drop it next to docs for a CLI tool, or pair it with other auth mockups in a bento grid.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Usage
import ClerkCli from "@/components/pro/blocks/clerk-cli";
<ClerkCli />;Props
| Prop | Type | Default | Description |
|---|---|---|---|
cardTitle | string | "CLI" | Title shown in the card overlay. |
cardDescription | string | "Empower your AI agents to set up auth without leaving the terminal." | Description shown in the card overlay. |