wireframe-ui

Wireframe components that you can copy and paste into your apps. Skip Figma. Build mockups directly in your IDE.

Installation

Initialize shadcn/ui in your project:

pnpm dlx shadcn@latest init

Install components from the registry:

pnpm dlx shadcn@latest add https://wireframe-ui.vercel.app/r/accordion.json

Dependencies, styles, and types are installed automatically.

[!IMPORTANT]

Add this import to your globals.css file:

> @import "../lib/wireframe.css";

Visit the documentation for the full component list and installation commands.

Documentation

Visit https://wireframe-ui.vercel.app to view the documentation, explore blocks, and learn about production migration.

License

Licensed under the MIT license.