An interactive and minimal drawing application built with React, Tailwind CSS, and Framer Motion. This project allows users to draw freely on a canvas, change brush color and size, clear the canvas, and download their creations as PNG images. It’s fully responsive, cleanly designed, and built in a single file for simplicity and portability.
Free Drawing: Users can draw freely on a canvas.
Brush Customization: Change brush color and size.
Clear Canvas: Easily clear the canvas to start anew.
Download Creations: Save your artwork as PNG images.
Responsive Design: Works seamlessly on various devices.
Single File Structure: Simplifies the project for easy portability.
To get started with the Drawing Tool, follow these steps:
Clone the Repository:
bash Run Copy code git clone https://github.com/aditya3singh/Drawing_Tool.git Navigate to the Project Directory:
bash Run Copy code cd Drawing_Tool Install Dependencies:
bash Run Copy code npm install Run the Development Server:
bash Run Copy code npm run dev Open in Browser: Visit http://localhost:3000 to see the application in action.
React: For building the user interface.
Tailwind CSS: For styling the application.
Framer Motion: For animations and transitions.
TypeScript: For type safety and better development experience.
Contributions are welcome! If you have suggestions for improvements or features, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
Thanks to the creators of React, Tailwind CSS, and Framer Motion for their amazing tools that made this project possible.