wireframe-ui
wireframe-ui.vercel.appUnverifiedrepo only
Skip Figma. Wireframe directly in your IDE with React components
Items
57
2026-08-03Every entry in its own registry.json, counted last night.Free to install
0
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
6 months ago
199 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | A vertically stacked set of interactive headings that each reveal a section of content. | Components | Unverified | 2 deps | |
| Alertalert | Displays a callout for user attention with optional icon and variant styles. | Components | Unverified | 2 deps | |
| Avataravatar | An image element with a fallback for representing the user. | Components | Unverified | 2 deps | |
| Badgebadge | Displays a badge or a component that looks like a badge with multiple variants. | Components | Unverified | 3 deps | |
| Breadcrumbbreadcrumb | Displays the path to the current resource using a hierarchy of links. | Components | Unverified | 2 deps | |
| Buttonbutton | Displays a button or a component that looks like a button with multiple variants and sizes. | Components | Unverified | 2 deps | |
| Button Groupbutton-group | A button group component with wireframe helper for text labels. | Components | Unverified | 2 deps | |
| Cardcard | A container for displaying content with header, footer, and action sections. | Components | Unverified | no deps | |
| Carouselcarousel | A carousel component with wireframe helper for slide content. | Components | Unverified | 2 deps | |
| Chartchart | Chart components built on recharts with wireframe placeholder helper. | Components | Unverified | 1 dep | |
| Checkboxcheckbox | A control that allows the user to toggle between checked and not checked. | Components | Unverified | 2 deps | |
| Collapsiblecollapsible | An interactive component which expands/collapses a panel. | Components | Unverified | 2 deps | |
| Context Menucontext-menu | A context menu component with wireframe helpers for menu items and labels. | Components | Unverified | 2 deps | |
| Dialogdialog | A modal dialog that interrupts the user with important content and expects a response. | Components | Unverified | 2 deps | |
| Drawerdrawer | A panel that slides out from the edge of the screen with support for multiple directions. | Components | Unverified | 2 deps | |
| Empty Stateempty | An empty state component with wireframe helpers for titles, descriptions, and media. | Components | Unverified | 2 deps | |
| Field Componentsfile | Form field components with wireframe helpers for labels and descriptions. | Components | Unverified | 1 dep | |
| Formform | Form components built on top of react-hook-form for managing form state. | Components | Unverified | 3 deps | |
| Headingheading | A composition component that renders appropriately sized Text based on heading level (1-6). | Components | Unverified | no deps | |
| Hover Cardhover-card | For sighted users to preview content available behind a link. | Components | Unverified | 2 deps | |
| Inputinput | A text input field with support for various types and validation states. | Components | Unverified | 1 dep | |
| Input Groupinput-group | An input group component for combining inputs with addons and buttons. | Components | Unverified | 1 dep | |
| Itemitem | A flexible item component for lists with wireframe helpers for titles, descriptions, and media. | Components | Unverified | 3 deps | |
| Kbdkbd | Displays keyboard shortcuts or keys with proper styling. | Components | Unverified | no deps | |
| Labellabel | Renders an accessible label associated with form controls. | Components | Unverified | 1 dep | |
| ListGrouplist-group | A composition component that renders list items with Text placeholders for wireframe prototyping. | Components | Unverified | no deps | |
| Mediamedia | A container for displaying images and videos with loading states and fallback placeholders. | Components | Unverified | 1 dep | |
| Menubarmenubar | A visually persistent menu common in desktop applications with nested menus and items. | Components | Unverified | 2 deps | |
| Paginationpagination | Pagination with page navigation, next and previous links. | Components | Unverified | 1 dep | |
| Paragraphparagraph | A composition component that renders multiple Text lines to simulate paragraph content. | Components | Unverified | no deps | |
| Sectionsection | A composition component with preset variants for common layout patterns (hero, content-two-column, feature-grid). | Components | Unverified | no deps | |
| Selectselect | Displays a list of options for the user to pick from with keyboard navigation support. | Components | Unverified | 2 deps | |
| Separatorseparator | Visually or semantically separates content with horizontal or vertical orientation. | Components | Unverified | 1 dep | |
| Sheetsheet | A slide-out panel component with wireframe helpers for titles and descriptions. | Components | Unverified | 2 deps | |
| Sidebarsidebar | A collapsible sidebar component with wireframe helpers for menu items and labels. | Components | Unverified | 3 deps | |
| Sliderslider | An input where the user selects a value from within a given range. | Components | Unverified | 1 dep | |
| Sonnersonner | An opinionated toast component for React with beautiful animations and icons. | Components | Unverified | 3 deps | |
| Stackstack | A layout primitive for arranging wireframe elements with configurable spacing and direction. | Components | Unverified | no deps | |
| Switchswitch | A control that allows the user to toggle between checked and unchecked states. | Components | Unverified | 1 dep | |
| Tabletable | A data table component with wireframe helpers for headers and cells. | Components | Unverified | no deps | |
| Tabstabs | A set of layered sections of content with tab triggers for switching between them. | Components | Unverified | 1 dep | |
| Texttext | A skeleton text placeholder component that renders thin animated lines for text content. | Components | Unverified | 1 dep | |
| Textareatextarea | A multi-line text input field with auto-resizing support. | Components | Unverified | no deps | |
| Toggletoggle | A two-state button that can be either on or off with multiple variants. | Components | Unverified | 2 deps | |
| Tooltiptooltip | A popup that displays information related to an element when focused or hovered. | Components | Unverified | 2 deps |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Contact Formcontact-form | Professional contact form with name, email, subject, and message fields | Blocks | Unverified | 1 dep | |
| Dashboarddashboard | Admin dashboard with stat cards, charts, recent activity, and data table | Blocks | Unverified | 1 dep | |
| Hero Sectionhero-section | Landing page hero with badge, heading, CTA buttons, and feature list | Blocks | Unverified | 1 dep | |
| Login Formlogin-form | Authentication form with email/password inputs and social login options | Blocks | Unverified | 1 dep | |
| Pricingpricing | Three-tier pricing cards with features and highlighted popular plan | Blocks | Unverified | 1 dep | |
| Product Gridproduct-grid | E-commerce product listing with search, filters, and product cards | Blocks | Unverified | 1 dep | |
| Profile Pageprofile-page | User profile with avatar, bio, stats, and tabbed content | Blocks | Unverified | 1 dep | |
| Register Formregister-form | Multi-step registration with tabs for personal and account information | Blocks | Unverified | 1 dep | |
| Settings Pagesettings-page | Multi-tab settings interface for profile, account, and notifications | Blocks | Unverified | 1 dep |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Wireframe CSS Utilitieswireframe | CSS utility classes for wireframe components including patterns, animations, and emphasis levels. | Utilities | Unverified | no deps | |
| Wireframe Typeswireframe-types | TypeScript type definitions for wireframe components. | Utilities | Unverified | 1 dep | |
| Wireframe Utilitieswireframe-utils | Utility functions for wireframe components including responsive class generation and visibility helpers. | Utilities | Unverified | no deps |
