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.

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

Licensed under the MIT license.

Name	Name	Last commit message	Last commit date
Latest commit History 42 Commits 42 Commits
.github	.github
.husky	.husky
.vscode	.vscode
app	app
components	components
hooks	hooks
lib	lib
public	public
registry/new-york	registry/new-york
scripts	scripts
.commitlintrc.json	.commitlintrc.json
.gitignore	.gitignore
.lighthouserc.js	.lighthouserc.js
.prettierignore	.prettierignore
.prettierrc	.prettierrc
CONTRIBUTING.md	CONTRIBUTING.md
LICENSE.md	LICENSE.md
README.md	README.md
components.json	components.json
eslint.config.mjs	eslint.config.mjs
lighthouserc.json	lighthouserc.json
next.config.ts	next.config.ts
package.json	package.json
pnpm-lock.yaml	pnpm-lock.yaml
postcss.config.mjs	postcss.config.mjs
registry.json	registry.json
tsconfig.json	tsconfig.json