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 40 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