The ConceptCanvas is a simple and intuitive web application designed to help you quickly sketch, edit, and explore visual concepts right in your browser. Built using p5.js and Quicksettings, this tool offers a seamless way to turn your ideas into clear, visual representations.

• Draw and Edit: Easily create rectangles, ellipses, images, symbols, and more. Drag, resize, rotate, and arrange elements effortlessly.
• Simple Interface: Clean, user-friendly interface with accessible buttons and toolbars for smooth workflow.
• Copy & Paste: Quickly duplicate elements using familiar shortcuts (Ctrl + C, Ctrl + V).
• Undo & Redo: Make mistakes? No worries—quickly undo or redo actions to refine your ideas.
• Keyboard Shortcuts: Boost your productivity with handy shortcuts (check out the Help button for details).
• Multiple Selection: Select multiple elements easily by holding Ctrl or using the selection rectangle.
• Save & Load: Your creations automatically save locally. Use the ✔️ button to restore your work even after refreshing the page. You can also export/import JSON files.
• Layers: Organize your drawing by managing and rearranging layers for greater clarity.
• Ruler and Grid: Align elements precisely with built-in rulers and grids.
• Exporting: Share your creations by exporting them as images or JSON data.
• Real-Time Settings: Adjust properties and settings live using interactive Quicksettings controls.

Try out the live demo here.

Floor Plan Creation: Download JSON.

Image Annotation: Download JSON.

Concept Mapping: Download JSON.

1. Clone this repository.
2. Install Node.js & npm if you haven't already.
3. Run the development server:

npm start

4. Open http://localhost:3000 with your browser to see the result.

Got ideas? Found a bug? Contributions are very welcome! Feel free to open an issue or submit a pull request.

The ConceptCanvas is open-source and available under the MIT License.

We extend our gratitude to :

• p5.js : Interactive graphics and animations library.
• quicksettings : for the settings panel.
• Undo Manager : Simple undo/redo functionality.

Enjoy exploring your creativity with the ConceptCanvas!