Download 25 - Three-step install guide

Pro

Typographic install guide with three numbered steps on a connecting line, each with a copyable command that follows the chosen package manager.

Shadcn Download 25 block

Component data

ID
download25
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Download 25 block design & features

A calm, typographic install guide for developer tools. A heading and short line sit above three numbered steps joined by a thin vertical line.

The steps cover installing the package, initialising the project and starting the dev server. Each has a title, a one-line explanation and a light command box with its own copy button.

The first step carries npm, pnpm, yarn and bun tabs. Switching manager updates the commands in all three steps at once, so pnpm users see pnpm dlx and pnpm dev rather than npx and npm run dev. Copy buttons show Copied for a moment and a live region announces which step was copied.

A footnote with a link to framework guides closes the section. On mobile the copy labels collapse to icons and long commands scroll inside their boxes.