View Project

TryShape

TryShape is an opensource platform to create shapes of your choice using a simple, easy-to-use interface.

 JavaScript NextJS ReactJS Open Source

TryShape is an opensource 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.

TryShape comes with a bundle of features already. You can do the followings with it,

🔢 Listing Shapes

List out shapes for you to pick and use.

🏗️ Create Shapes

Create any shapes using an intuitive editor.

Create Polygonal, Circular, Elliptical shapes without knowing the underlying complexities like CSS clip-path.

Add/Remove vertices, join them, drag-drop to position them to create a shape.

Provide your choice of colors, add the contextual information as notes while creating the shapes.

Are you an expert in CSS clip-path? Great, you can add a clip-path value directly and start from there.

📢 Controlling the Visibility of Shapes

You can create a shape and share it with the TryShape community by making it public.

Do you want to keep your creativity private? No worries, that's possible too.

💘 Like Shapes

Liked a shape and want to add it to your shape collection? You can do that just with a click. Want to undo? That's supported as well.

✨ Export Shapes

Export the shapes to use in your application.

Export the shapes as PNG, JPEG, and SVG files.

Single-Click Copy of the underlying CSS and clip-path property to use directly into your web app.

🔍 Search Shapes

Search a shape with key-in search.

🎿 Sort Shapes

Sort shapes by, most liked, recent, and oldest.

🔑 Authentication & Authorization

Features like export, like, create, edit shapes need you to authenticate with the app. You can use your Gmail or GitHub credentials to authenticate to the app. It is secured and powered by Google Firebase.

📱 Responsive and mobile-friendly

Use TryShape seamlessly from any device.

Built by

Your upvotes and feedback are welcome!

Words have more power than we think. Be kind.