Skip to content

megoxv/purple-shape-craft

Repository files navigation

Purple Shape Craft - Advanced Shape Generator

Purple Shape Craft is a powerful and intuitive web application designed for creating, manipulating, and exporting unique shapes using CSS and SVG. Whether you're a designer, developer, or creative professional, Purple Shape Craft provides advanced tools to generate custom shapes for your projects with ease.


Features

  • Interactive Shape Manipulation: Drag and adjust corner points to create custom shapes in real-time.
  • Multiple Shape Layers: Add and manage multiple layers, each with its own blend mode for complex designs.
  • Gradient Customization: Customize gradients for each layer to achieve stunning visual effects.
  • Shape Rotation and Animation: Rotate shapes and apply animations for dynamic designs.
  • Mirror Mode: Create symmetrical designs effortlessly with mirror mode.
  • Undo/Redo Functionality: Easily revert or redo changes with a single click.
  • Shape Randomization: Generate unique shapes instantly with the randomization feature.
  • SVG Export: Export your designs as SVG files for use in other applications.
  • CSS Code Generation: Get the CSS code for your shapes to integrate them into your projects.
  • Save and Load Configurations: Save your shape configurations and load them later for further editing.
  • Dark Mode Support: Work comfortably in low-light environments with dark mode.
  • Responsive Design: Enjoy a seamless experience across all devices.

Getting Started

  1. Clone the Repository:
    git clone https://github.com/megoxv/purple-shape-craft.git
  2. Navigate to the Project Directory:
    cd purple-shape-craft
  3. Install Dependencies:
    npm install
  4. Run the Application:
    npm start
  5. Open in Browser: Visit http://localhost:3000 to start using Purple Shape Craft.

Usage

  • Create Shapes: Use the interactive canvas to drag and adjust points to create custom shapes.
  • Customize Layers: Add multiple layers, apply gradients, and use blend modes to enhance your designs.
  • Export: Export your designs as SVG or copy the generated CSS code for use in your projects.
  • Save/Load: Save your configurations and load them later to continue working on your designs.

Contributing

We welcome contributions! If you'd like to contribute to Purple Shape Craft, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix.
  3. Commit your changes.
  4. Push your branch and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.


Support

If you encounter any issues or have suggestions for improvements, please open an issue on the GitHub repository.


Acknowledgments

  • Thanks to all contributors who have helped make Purple Shape Craft better.
  • Inspired by the creative community and the need for advanced shape generation tools.

Enjoy crafting unique shapes with Purple Shape Craft! 🚀