iDESIGN - Professional Design Tool 🎨

Hey everyone! 👋

This is iDESIGN, a browser-based design tool I built from scratch. I wanted to see if I could create something powerful like Figma but using only Vanila JavaScript, HTML, and CSS. No React, no Vue, no heavy frameworks—just pure code.

It features an infinite canvas, custom shape tools, and even a gravity mode just for fun!

🚀 Why I Built This

I wanted to challenge myself to build a complex UI application without relying on external libraries. It was a great way to master the DOM and state management.

✨ Features

Here are some of the cool things you can do in my app:

• Infinite Canvas: Pan and zoom around freely.
• Shape Tools: Create rectangles, circles, lines, and even stars.
• Text Editing: Double-click to edit text right on the canvas.
• Dark/Light Mode: Switch themes to match your vibe.
• Gravity Mode 🌊: Click the gravity button and watch your designs fall! (My favorite part)
• Export: Save your work as JSON or HTML.

🛠️ How to Run

It's super simple because there are no build steps:

1. Clone this repo.
2. Open index.html in any browser.
3. That's it!

👨‍💻 Created By

Sahil Sharma

Feel free to check out the code and let me know what you think!