Shape Maker Tool
**Shape Maker Tool Description and User Manual**
**Description:**
The Shape Maker Tool is a web application designed to allow users to create custom shapes with various attributes such as shape type, size, border, color, and background color. Users can select from a range of shapes including square, circle, triangle, rectangle, star, and hexagon. They can then customize each shape by adjusting its height, width, border thickness, color, and background color. The tool provides a real-time preview of the shape as the user makes adjustments, allowing for instant visualization of the changes.
**User Manual:**
1. **Select Shape:** Start by selecting the desired shape from the dropdown menu labeled "Select Shape." Choose from options such as square, circle, triangle, rectangle, star, and hexagon.
2. **Adjust Size:** Use the "Height" and "Width" input fields to adjust the size of the selected shape. Enter the desired height and width values in pixels.
3. **Set Border:** Customize the border thickness of the shape using the "Border" input field. Enter the desired border thickness in pixels.
4. **Choose Color:** Select the color of the shape's border using the color picker labeled "Choose Color." Click on the color picker to choose from a wide range of colors.
5. **Background Color:** Customize the background color of the shape using the color picker labeled "Choose Background Color." Click on the color picker to select the desired background color for the shape.
6. **Preview:** As you make adjustments to the shape attributes, the preview area on the left side of the screen will update in real-time to reflect the changes.
7. **Copy Code:** Once you are satisfied with the shape design, click the "Copy Code" button to copy the generated HTML code for the shape. You can then paste this code into your HTML document to use the shape in your project.
8. **Additional Shapes:** If you need to create a different shape, simply select a new shape from the dropdown menu and adjust its attributes as desired using the same steps outlined above.
9. **Experiment:** Feel free to experiment with different combinations of shape types, sizes, colors, and border styles to create unique and visually appealing shapes for your projects. The Shape Maker Tool provides a user-friendly interface for creating custom shapes with ease.