https://github.com/abisake3/editor-main
This project integrates Fabric.js, a powerful HTML5 canvas library, with React.js to create a highly interactive and dynamic web application for designing and editing content on a canvas.
https://github.com/abisake3/editor-main
canvas dns fabricjs lucide-react mui mui-material reactjs
Last synced: 2 months ago
JSON representation
This project integrates Fabric.js, a powerful HTML5 canvas library, with React.js to create a highly interactive and dynamic web application for designing and editing content on a canvas.
- Host: GitHub
- URL: https://github.com/abisake3/editor-main
- Owner: ABISAKE3
- Created: 2024-11-23T06:20:57.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T06:50:07.000Z (7 months ago)
- Last Synced: 2024-12-11T02:11:57.320Z (6 months ago)
- Topics: canvas, dns, fabricjs, lucide-react, mui, mui-material, reactjs
- Homepage: https://editor-ui.netlify.app
- Size: 2.22 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Editor-Main](https://editor-ui.netlify.app)
**Live Demo**: [Editor-Main](https://editor-ui.netlify.app)
Editor-Main is an innovative web application that merges the capabilities of **Fabric.js**, a versatile HTML5 canvas library, with the dynamic features of **React.js**. This platform empowers users to design and edit content seamlessly on a responsive, interactive canvas.
---
## **Features**
- **Interactive Canvas**: Easily create, edit, and manipulate objects.
- **Grid-based Layouts**: Achieve precision with grid snapping.
- **React-powered UI**: Experience smooth and responsive interactions.
### **Tools**
- **Crop**: Trim your designs to perfection.
- **Resize**: Adjust dimensions as needed.
- **Move**: Reposition elements effortlessly.
- **Rotate**: Add creative angles to your work.
- **Delete**: Remove unwanted elements instantly.
- **Path**: Draw custom shapes and lines.
- **Text**: Add, edit, and style text.
- **Image**: Import and customize images.
- **Color Fill**: Fill objects with vibrant colors.
- **Background**: Set canvas backgrounds.
- **Stroke Color**: Customize stroke colors.
- **Layers**: Manage multiple design elements.
- **Export**: Save your designs in various formats.
---
## **Live Demo**
Experience the app in action: [Editor-Main](https://editor-ui.netlify.app)
---
## **Contact**
Want to connect or collaborate? Reach out via:
- **Email**: [[email protected]](mailto:[email protected])
- **Instagram**: [Abishake](https://www.instagram.com/_abi_shake_03/profilecard/?igsh=MWh0NGl6MjY1bWp2Zg%3D%3D)
- **LinkedIn**: [Abishake T](https://linkedin.com/in/abisake-t-75781426b)