Read a component page

Last updated: October 16, 2026

The two previews, Included, Dependencies, Tech stack, version, and similar components.

Two previews

The section runs on the page when you open it. Live preview opens the same section in another tab. Neither spends a copy.

Expand preview enlarges the view on the page. Close preview returns.

What to read before you copy

  • Included. The pieces inside that section

  • Dependencies. The npm packages the section may need. The command to run is the Install NPM dependencies block in the copy

  • Tech stack. What the section assumes, such as React and Tailwind

  • Version. The catalog revision. It is not your app's version

The copy button is Copy for Cursor. The paste steps are in Hand a section to your agent.

The next candidate

Similar components, lower on the page, opens another section with the same kind of job. Watch the motion, then copy one.

Read a component page | DesignLayer