Skip to content

Repository files navigation

Pegboard Designer

Plan your pegboard layout visually before buying accessories.

Open the app →


Features

  • Multiple board sizes — Choose from 4 standard sizes: 36×56, 56×56, 76×56, and 56×37 cm
  • Built-in accessories — Hooks, shelves, containers, baskets, cable organizers, memo boards, and more
  • Custom elements — Create your own accessories with custom dimensions and colors
  • Double-sided mode — Plan layouts for both sides of a standing board
  • Drag & drop — Easily place, move, and rearrange items on the grid
  • Item properties — Click any placed item to see its position, size, and dimensions
  • Export & import — Save your layout as a JSON file and load it back later
  • Auto-save — Your work is automatically saved in your browser

How to Use

  1. Select your board size — Use the buttons at the top to match your pegboard
  2. Drag accessories — Pick an accessory from the left panel and drag it onto the board
  3. Move items — Drag placed items to reposition them
  4. Select items — Click an item to view its properties in the right panel
  5. Remove items — Select an item and click "Remove element" to delete it
  6. Create custom elements — Click "+ Add custom element" to define your own accessories
  7. Enable double-sided — Check "Double-sided (standing)" to plan both front and back layouts
  8. Save your work — Click "Export JSON" to download your layout for backup or sharing

Tips

  • Works best on desktop browsers
  • Your layout auto-saves locally — come back anytime to continue
  • Export your JSON file to backup your layout or share it with others
  • Use custom elements for accessories not included in the standard list

License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages