Wireframes | Component library for building wireframes and prototypes

Build wireframes faster and easier

Wireframes is an open source UI component library.
Fast, lightweight, and easy to extend.

Get started

Try Playground

Fast prototyping

Ready-to-use components for instant wireframes. No build tools or complex setup needed—just add and start designing.

Framework agnostic

Compatible with any JavaScript framework or plain HTML. Use it in React, Vue, Angular, or anywhere you want.

Open source

MIT licensed. Free forever. Community-driven, extensible, and always improving with your feedback.

Installation

Choose your preferred method to start using Wireframes:

NPM

React

Vue

CDN

npm i wireframes

Then initialize:

import { defineCustomElements } from 'wireframes/loader';
defineCustomElements();

NPM

npm i wireframes-react

NPM

npm i wireframes-vue

NPM

<script type="module" src="https://cdn.jsdelivr.net/npm/wireframes/dist/wireframes/wireframes.esm.js"></script>