Lo-Fi Component Generator

About this plugin

Lo-Fi Component Generator quickly creates base components that can be used as is for low-fidelity mock-ups. These components are also a great starting point to build out a design system or custom components, taking the heavy work out of an initial set up.

Current components:

Inputs (15 components)

✅ Primary, Secondary, Tertiary, Icon Buttons

✅ Text Field, Text Area

✅ Checkbox, Radio, Toggle Switch

✅ Dropdown, Autocomplete

✅ Slider, Date Picker

✅ File Upload, Search Field

Navigation (9 components)

✅ Top Nav, Side Nav, Bottom Nav

✅ Tabs, Breadcrumbs, Pagination

✅ Stepper, Menu Dropdown, Back Button

Containers (8 components)

✅ Card, List, List Item

✅ Accordion, Divider

✅ Modal, Drawer, Tooltip

Feedback (8 components)

✅ Toast, Alert

✅ Error/Success Messages

✅ Progress Bar, Spinner

✅ Skeleton Loader, Status Indicator