Download 24 - Split install with quick start

Pro

Developer install section with a heading and links on the left and a light code window on the right holding a package manager switcher, the install command and a tinted quick start snippet, each with its own copy button.

Shadcn Download 24 block

Component data

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

Download 24 block design & features

The block splits a developer install section in two. On the left sit a heading, a one-line pitch, an underlined docs link and a quieter GitHub link.

On the right, a light code window starts with npm, pnpm, yarn and bun tabs. Picking one swaps the install command below. Under that, a quick start panel shows the import line and a short usage example, with keywords, strings, tags and attributes softly tinted.

The install command and the snippet each have their own copy button. A button shows Copied with a check for a moment, and a live region announces which one was copied.

On mobile the columns stack, and long commands or code lines scroll sideways inside the window instead of widening the page.