Wireframe Kit
A collection of wireframe-styled UI components for fleet management applications
Installation
Install components using the shadcn CLI
npx shadcn@latest add https://wireframe-registry-template.vercel.app/r/button.json
Replace button with any component name from the list below.
Available Components
button
Wireframe button with 2px borders
input
Input with 2px border & black focus
checkbox
Checkbox with thick borders
radio-group
Radio buttons with wireframe style
switch
Toggle with 2px border
textarea
Multi-line text input
select
Dropdown with flat shadow
label
Form label component
separator
2px thick separator
popover
Popover with flat shadow
dialog
Modal dialog
alert-dialog
Confirmation dialog
dropdown-menu
Menu with flat shadow
hover-card
Hover card with flat shadow
card
Content card
badge
Status badge
avatar
User avatar
table
Data table
tabs
Tabs with bottom border
alert
Alert notifications
skeleton
Loading skeleton
tooltip
Tooltip component
breadcrumb
Breadcrumb navigation
calendar
Calendar with flat shadow
date-picker
Custom date picker
sonner
Toast notifications
sidebar
Collapsible sidebar
sheet
Side sheet
Features
✓
Wireframe aesthetic with thick 2px borders
✓
Flat shadow utility (6px offset)
✓
Shantell Sans typography
✓
Fleet management themed examples
✓
29 customized components ready to use