Tryshape

Theme by Tryshape

|

Updated: 11 Oct 2022

|

165 Stars

TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

Categories

Overview:

TryShape is an open-source platform that allows users to create shapes of their choice easily using a simple interface. Users can create various shapes like banners, circles, and polygons and export them in different formats like SVG, PNG, and CSS.

Features:

• Listing Shapes: View a list of shapes to choose from.
• Create Shapes: Build shapes using an intuitive editor, including polygonal, circular, and elliptical shapes.
• Controlling Visibility of Shapes: Keep creations private or share them with the TryShape community.
• Like Shapes: Save liked shapes to your collection with a click.
• Export Shapes: Export shapes in PNG, JPEG, SVG formats with CSS and clip-path properties included.
• Search Shapes: Search for specific shapes easily.
• Sort Shapes: Organize shapes by likes, recency, or age.
• Authentication & Authorization: Securely authenticate using Gmail or GitHub credentials.
• Responsive Design: Access TryShape from any device effortlessly.

Installation:

1. Clone the repository.

   git clone [repository-url]
   

2. Change the working directory.

   cd tryshape-directory
   

3. Install dependencies.

   npm install
   

4. Create a .env file in the root and add your variables.
5. Run the app.

   npm start
   

6. Open localhost:3000 in your browser to access the app.

Summary:

TryShape is a versatile tool for creating custom shapes with ease. With features like shape creation, visibility control, export options, and authentication, it offers a user-friendly experience. Its responsive design and integration with frameworks like Next JS make it a convenient solution for shape creation needs.