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.

Overview

All Contributors

logo

name

Create, Export, Share, and Use any Shapes of your choice.

tryshape licence tryshape forks tryshape stars tryshape issues tryshape pull-requests

View Demo · Report Bug · Request Feature

👋 Introducing TryShape

landing

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.

🚀 Demo

Here is a quick demo of the app. We hope you enjoy it.

The Demo Link

Liked it? Please give a ⭐️ to TryShape to build its triceps 💪 stronger.

Many Thanks to all the Stargazers who has supported this project with stars( ⭐ )

Stargazers repo roster for @TryShape/tryshape

💻 Use TryShape

Please access TryShape using the URL:

https://tryshape.vercel.app/

🔥 Features

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.

🏗️ How to Set up TryShape for Development?

You can run TryShape locally with a few easy steps.

  1. Clone the repository
git clone https://github.com/TryShape/tryshape.git
  1. Change the working directory
cd tryshape
  1. Install dependencies
npm install # or, yarn install
  1. Create .env file in root and add your variables
NEXT_PUBLIC_DB_URL= YOUR_HARPER_DB_DATABASE_URL
NEXT_PUBLIC_DB_AUTHORIZATION= YOUR_HARPER_DB_AUTHORIZATION_ID

NEXT_PUBLIC_FIREBASE_AUTHORIZATION=YOUR_FIREBASE_AUTH_KEY
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
NEXT_PUBLIC_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_PROJECT_BUCKET
NEXT_PUBLIC_FIREBASE_MESSAGING_SERNDER_ID=YOUR_FIREBASE_MESSAGING_SERNDER_ID
NEXT_PUBLIC_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=YOUR_FIREBASE_MEASUREMENT_ID
  1. Run the app
npm run dev # or, yarn dev

That's All!!! Now open localhost:3000 to see the app.

🍔 Built With

🛡️ License

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

🦄 Upcoming Features

TryShape has all the potentials to grow further. Here are some of the upcoming features planned(not in any order),

  • ✔️ Add the ability to create shape using SVG elements to support Curvy Node adjustments.
  • ✔️ Manage your shape collection
  • ✔️ Import shapes
  • ✔️ Following a contributor.
  • ✔️ PWA(Progressive Web App)
  • ✔️ Flexible Datastore
  • ✔️ Better Performance
  • ✔️ Tagging a shape
  • ✔️ Cloning a shape
  • ✔️ Provide comment on a shape.
  • ✔️ More authetication mechanisms like twitter, facebook, etc.

If you find something is missing, TryShape is listening. Please create a feature request from here.

🏃‍♀️ Deploy

🤝 Contributing to TryShape

Any kind of positive contribution is welcome! Please help us to grow by contributing to the project.

If you wish to contribute, you can work on any features listed here or create one on your own. After adding your code, please send us a Pull Request.

Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to us.

🙏 Support

We all need support and motivation. TryShape is not an exception. Please give this project a ⭐️ to encourage and show that you liked it. Don't forget to leave a star ⭐️ before you move away.

If you found the app helpful, consider supporting us with a coffee.


A ⭐️ to TryShape is to build its triceps 💪 stronger.

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Tapas Adhikary

💻 🚇 ⚠️ 📝 🤔 🧑‍🏫 📦 📆

Nirmal Kumar

⚠️ 💻 🎨

William Zhu

⚠️ 💻

Savio Martin

⚠️ 💻 🐛

ckuthyar

🐛

This project follows the all-contributors specification. Contributions of any kind welcome!

Comments
  • bug: Clip-path without spaces do not render DraggableVertices

    bug: Clip-path without spaces do not render DraggableVertices

    When typing out a clip-path in the ShapeForm, new DraggableVertices will not be created if there is no spaces in between numbers and commas.

    Steps to reproduce the behavior: Type out clip-path in the shape form without spaces. The DraggableVertices will not update accordingly.

    The vertices on the preview should update even if there is no spaces.

    bug 
    opened by williamzhu17 8
  • New Feature: ✨️ Double tap liking effect

    New Feature: ✨️ Double tap liking effect

    New Feature ✨️ Double tapping on a card item will like that shape. Ui is similar to Instagram. here you go 🤟 ezgif-3-18a654bf8469

    This makes the app perfect to interact with users on small mobile devices. Cheers 🍻

    opened by saviomartin 6
  • Trending shapes section @ landing page

    Trending shapes section @ landing page

    Is your feature request related to a problem? Please describe. User doesn't the shapes that are currently trending

    Describe the solution you'd like

    • Keeping the user informed about the shapes that are currently most liked and re-edited quite often.
    • each of the trending shape should have the owner info and when it was created will motivate the owners to come up with more trending shapes
    opened by nirmalkc 4
  • build(deps): bump next from 10.2.3 to 11.1.1

    build(deps): bump next from 10.2.3 to 11.1.1

    Bumps next from 10.2.3 to 11.1.1.

    Release notes

    Sourced from next's releases.

    v11.1.1

    Core Changes

    • Next.js swc publish flow: #27984
    • Ensure config file message is only shown once: #28017
    • Add missing fields to NextConfig type: #27974
    • use a shared worker pool for collecting page data and static page generation: #27924
    • Use @​next scope for native packages: #28046
    • Fix generateBuildId type that can be async function: #28040
    • Fix image optimization encoding url: #28045
    • Clean up Document in preparation for streaming: #28032
    • Render as a concatenation of streams: #28082
    • Add support for dynamic HTML: #28085
    • Support suspense in next dynamic: #27611
    • Handle blob urls in image component: #27975
    • Bypass webpack compilation for precompiled @​next/polyfills-nomodule: #27596
    • Update util to 0.12.4: #27939
    • Remove duplicate doctypes: #28089
    • Fix revalidate for initial notFound: true paths: #28097
    • Add proper error when failing to load next.config.js: #28099
    • Fix: wrong link error message: #28127
    • Add support for Jaeger trace target: #28129
    • Enable pure client suspense in blocking rendering: #28165
    • Add entrypoint tracing: #25538
    • Add module type to build-module trace: #28128
    • Update to latest babel versions: #28174
    • Improve jaeger traces: #28168
    • fix development mode bug with pages with "+" and other special characters: #28122
    • let loaders automatically infer source map setting: #28204
    • Avoid fs write next-env.d.ts on read-only filesystems: #28206
    • Document usage of suspense option of next/dynamic: #28210
    • Add warning when parent styles break next/image: #28221
    • Use zen-observable library: #28214
    • Fix HMR when custom _app or _document is removed: #28227
    • Add relationship between issuer and module to traces: #28192
    • Update generating next-server dependencies: #28223
    • Fix next/image blur placeholder when JS is disabled: #28269
    • Ensure adding _app/_document HMRs correctly: #28279
    • upgrade webpack to 5.51.1: #28291
    • [ESLint] Adds process.exit to next lint success output: #28299
    • Fix next env vars injection in dynamic: #28309
    • Add layout to data-nimg attribute: #28312
    • Add data attribute to script component: #28310
    • Ensure @​babel/core is de-duped when nccing: #28384
    • Fix forked NODE_OPTIONS except for inspect: #28420
    • [ESLint] Enable caching by default: #28349
    • Update test config to leverage swc: #28400
    • Add missing typescript property to NextConfig: #28459
    • next/script fix duplicate scripts : #28428
    • Ensure error is shown correctly for empty headers field: #28430

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
  • ShapeCard Shape Display Incorrect

    ShapeCard Shape Display Incorrect

    The ShapeCards on the Browse Now page displays the Shape incorrectly when named a certain word. In this case, the shape's name is "triangle" and has a clip-path that creates a circle. However, the ShapeCard displays a triangle instead of a circle.

    To Reproduce Steps to reproduce the behavior:

    1. Go to create a new shape.
    2. Name it "triangle"
    3. Put a CSS clip-path that does not create a triangle
    4. Create the shape
    5. The display of the shape on the card becomes a triangle instead of a circle.

    Expected behavior The correct shape is displayed on the shape card.

    Shape Data: image

    Display of the ShapeCard: image

    bug 
    opened by williamzhu17 2
  • build(deps): bump axios from 0.21.1 to 0.21.2

    build(deps): bump axios from 0.21.1 to 0.21.2

    Bumps axios from 0.21.1 to 0.21.2.

    Release notes

    Sourced from axios's releases.

    v0.21.2

    0.21.2 (September 4, 2021)

    Fixes and Functionality:

    • Updating axios requests to be delayed by pre-emptive promise creation (#2702)
    • Adding "synchronous" and "runWhen" options to interceptors api (#2702)
    • Updating of transformResponse (#3377)
    • Adding ability to omit User-Agent header (#3703)
    • Adding multiple JSON improvements (#3688, #3763)
    • Fixing quadratic runtime and extra memory usage when setting a maxContentLength (#3738)
    • Adding parseInt to config.timeout (#3781)
    • Adding custom return type support to interceptor (#3783)
    • Adding security fix for ReDoS vulnerability (#3980)

    Internal and Tests:

    • Updating build dev dependancies (#3401)
    • Fixing builds running on Travis CI (#3538)
    • Updating follow rediect version (#3694, #3771)
    • Updating karma sauce launcher to fix failing sauce tests (#3712, #3717)
    • Updating content-type header for application/json to not contain charset field, according do RFC 8259 (#2154)
    • Fixing tests by bumping karma-sauce-launcher version (#3813)
    • Changing testing process from Travis CI to GitHub Actions (#3938)

    Documentation:

    • Updating documentation around the use of AUTH_TOKEN with multiple domain endpoints (#3539)
    • Remove duplication of item in changelog (#3523)
    • Fixing gramatical errors (#2642)
    • Fixing spelling error (#3567)
    • Moving gitpod metion (#2637)
    • Adding new axios documentation website link (#3681, #3707)
    • Updating documentation around dispatching requests (#3772)
    • Adding documentation for the type guard isAxiosError (#3767)
    • Adding explanation of cancel token (#3803)
    • Updating CI status badge (#3953)
    • Fixing errors with JSON documentation (#3936)
    • Fixing README typo under Request Config (#3825)
    • Adding axios-multi-api to the ecosystem file (#3817)
    • Adding SECURITY.md to properly disclose security vulnerabilities (#3981)

    Huge thanks to everyone who contributed to this release via code (authors listed below) or via reviews and triaging on GitHub:

    ... (truncated)

    Changelog

    Sourced from axios's changelog.

    0.21.2 (September 4, 2021)

    Fixes and Functionality:

    • Updating axios requests to be delayed by pre-emptive promise creation (#2702)
    • Adding "synchronous" and "runWhen" options to interceptors api (#2702)
    • Updating of transformResponse (#3377)
    • Adding ability to omit User-Agent header (#3703)
    • Adding multiple JSON improvements (#3688, #3763)
    • Fixing quadratic runtime and extra memory usage when setting a maxContentLength (#3738)
    • Adding parseInt to config.timeout (#3781)
    • Adding custom return type support to interceptor (#3783)
    • Adding security fix for ReDoS vulnerability (#3980)

    Internal and Tests:

    • Updating build dev dependancies (#3401)
    • Fixing builds running on Travis CI (#3538)
    • Updating follow rediect version (#3694, #3771)
    • Updating karma sauce launcher to fix failing sauce tests (#3712, #3717)
    • Updating content-type header for application/json to not contain charset field, according do RFC 8259 (#2154)
    • Fixing tests by bumping karma-sauce-launcher version (#3813)
    • Changing testing process from Travis CI to GitHub Actions (#3938)

    Documentation:

    • Updating documentation around the use of AUTH_TOKEN with multiple domain endpoints (#3539)
    • Remove duplication of item in changelog (#3523)
    • Fixing gramatical errors (#2642)
    • Fixing spelling error (#3567)
    • Moving gitpod metion (#2637)
    • Adding new axios documentation website link (#3681, #3707)
    • Updating documentation around dispatching requests (#3772)
    • Adding documentation for the type guard isAxiosError (#3767)
    • Adding explanation of cancel token (#3803)
    • Updating CI status badge (#3953)
    • Fixing errors with JSON documentation (#3936)
    • Fixing README typo under Request Config (#3825)
    • Adding axios-multi-api to the ecosystem file (#3817)
    • Adding SECURITY.md to properly disclose security vulnerabilities (#3981)

    Huge thanks to everyone who contributed to this release via code (authors listed below) or via reviews and triaging on GitHub:

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by jasonsaayman, a new releaser for axios since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • build(deps): bump next from 10.2.3 to 11.1.0

    build(deps): bump next from 10.2.3 to 11.1.0

    Bumps next from 10.2.3 to 11.1.0.

    Release notes

    Sourced from next's releases.

    v11.1.0

    A security team from one of our partners noticed an issue in Next.js that allowed for an open redirect to occur.

    Specially encoded paths could be used when pages/_error.js was statically generated allowing an open redirect to occur to an external site.

    In general, this redirect does not directly harm users although can allow for phishing attacks by redirecting to an attacker's domain from a trusted domain.

    We recommend upgrading to the latest version of Next.js to improve the overall security of your application.

    How to Upgrade

    • We have released patch versions for both the stable and canary channels of Next.js.
    • To upgrade run npm install [email protected] --save

    Impact

    • Affected: Users of Next.js between 10.0.5 and 10.2.0
    • Affected: Users of Next.js between 11.0.0 and 11.0.1 using pages/_error.js without getInitialProps
    • Affected: Users of Next.js between 11.0.0 and 11.0.1 using pages/_error.js and next export
    • Not affected: Deployments on Vercel (vercel.com) are not affected
    • Not affected: Deployments with pages/404.js

    We recommend everyone to upgrade regardless of whether you can reproduce the issue or not.

    How to Assess Impact

    If you think sensitive code or data could have been exposed, you can filter logs of affected sites by // (double slash at the start of the url) followed by a domain.

    What is Being Done

    As Next.js has grown in popularity and usage by enterprises, it has received the attention of security researchers and auditors. We are thankful to Gabriel Benmergui from Robinhood for their investigation and discovery of the original bug and subsequent responsible disclosure.

    We've landed a patch that ensures path parsing is handled properly for these paths so that the open redirect can no longer occur.

    Regression tests for this attack were added to the security integration test suite

    • We have notified known Next.js users in advance of this publication.
    • A public CVE was released.
    • We encourage responsible disclosure of future reports. Please email us at [email protected]. We are actively monitoring this mailbox.

    Release notes

    Core Changes

    • Don't test image domains in test env: #26502
    • Fix props not updating when changing the locale and keeping hash: #26205
    • Allow user to override next-image-loader: #26548
    • Add logging when a custom babelrc is loaded: #26570

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Improve Lighthouse Score for All Pages

    Improve Lighthouse Score for All Pages

    Discussed in https://github.com/TryShape/tryshape/discussions/97

    Originally posted by williamzhu17 July 17, 2021 Achieve a perfect Lighthouse score on all pages.

    Landing Page 7/17/2021

    image

    App Page 7/27/2021

    image

    enhancement discussion 
    opened by williamzhu17 1
  • Fix for the broken search

    Fix for the broken search

    Issue

    This issue was introduced while implementing the double tap-like feature. It was breaking the search as the hook call was failing in rerender once the search takes place.

    Fix

    Instead, the logic of useDoubleTap hook gets used in the render, we now handle it in the shape model itself. We recognize if a shape has been double-tapped and then do the needful. The rest of the double-tap logic is kept intact.

    bug 
    opened by atapas 1
  • Add ability to add SVG based shapes

    Add ability to add SVG based shapes

    Discussed in https://github.com/TryShape/tryshape/discussions/75

    Originally posted by atapas July 3, 2021 So far, we can create polygonal, circular, and elliptical shapes. We need to add the abilities to create curvy corner shapes like a Heart shape.

    hacktoberfest 
    opened by atapas 0
  • No Error Showing Up When Trying to Sign In With GitHub after Signing in With Google With Same Email

    No Error Showing Up When Trying to Sign In With GitHub after Signing in With Google With Same Email

    After initially signing in with a Google Account, the app does not let you sign in with a GitHub account that has the same email. However, it does not show any warning to the user.

    I think the app should give the users a notice when they try to sign in on another platform with the same email. That way, they know that it is not a bug, but expected behavior.

    hacktoberfest 
    opened by williamzhu17 0
  • Manage shapes using collections

    Manage shapes using collections

    Discussed in https://github.com/TryShape/tryshape/discussions/78

    Originally posted by atapas July 7, 2021 When user like a shape and make private, there should be a way to collect shapes into their collection so that they can go back to it time to time. A collection can be created, deleted, updated. The underlying shapes in a collection should be unaffected.

    enhancement hacktoberfest 
    opened by atapas 0
  • Warning from StyledComponents when moving vertices too many times

    Warning from StyledComponents when moving vertices too many times

    When moving the vertices in the ShapePreview, a warning pops up.

    To Reproduce Steps to reproduce the behavior:

    1. Click Add Shape button and open up the modal
    2. Drag the vertices of the polygon many times until the warning pops up in the console

    Expected behavior No warning in the console

    Screenshots Capture

    Desktop (please complete the following information):

    • OS: [e.g. iOS]
    • Browser [e.g. chrome, safari]
    • Version [e.g. 22]

    Smartphone (please complete the following information):

    • Device: [e.g. iPhone6]
    • OS: [e.g. iOS8.1]
    • Browser [e.g. stock browser, safari]
    • Version [e.g. 22]

    Additional context Add any other context about the problem here.

    bug 
    opened by williamzhu17 0
  • Clip Path not rendered properly

    Clip Path not rendered properly

    Describe the bug I can see some difference in my laptop, that the rendered shape is a bit different from the shape I added.

    To Reproduce I added a shape of a Star ⭐️. I added it perfectly 👇 scrnli_29_06_2021_10-12-30

    But, when the shape is rendered, I feel like it is a bit stretched or so scrnli_29_06_2021_10-12-01

    Expected behavior I think It is a small bug to be fixed.

    Desktop (please complete the following information):

    • OS: Ubuntu 20.04
    • Browser: chrome

    Cheers! Savio ✨️

    wip 
    opened by saviomartin 2
Releases(v1.0-beta)
  • v1.0-beta(Jul 8, 2021)

    It is a beta release of v1.0. This release was made as part of the Hasnode and HarperDB Hackathon in June 2021.

    Features Included

    • Listing Shapes
    • Create Shapes
    • Controlling the Visibility of Shapes
    • Like Shapes
    • Export Shapes
    • Search Shapes
    • Sort Shapes
    • Authentication & Authorization
    • Responsive and mobile-friendliness
    Source code(tar.gz)
    Source code(zip)
    tryshape.v1.0-beta.zip(1.29 MB)
Owner
TryShape
Create, Edit, Share, and Use any Shapes of your choice
TryShape
React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg

React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg

null 2 Jul 14, 2022
Snow - social network can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Snow is a social network. Here you can create and share content! You can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Mateo Leal 72 Sep 14, 2022
An interesting project that can control iRobot Create 2 from a React.js web app, a native mobile app, a wireless Xbox controller, or even a smartwatch

An interesting project that can control iRobot Create 2 from a React.js web app, a native mobile app, a wireless Xbox controller, or even a smartwatch

null 2 Sep 21, 2022
A Disney+ Clone that you can sign in with your Google AccountA Disney+ Clone that you can sign in with your Google Account

Disney+ Clone with ReactJS A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link Yo

Yusuf İşbilir 14 Jun 30, 2022
Codemore is the open platform to help you enhance your problem solving skill, expand your knowledge of data structures and algorithms.

Platform to help you enhance your problem solving skills, expand your knowledge of data structures and algorithms.

Chandragupt Gosavi 2 Jun 8, 2022
Open source platform to manage Firestore data in a spreadsheet-like UI, deploy Cloud Functions easily, and connect to your favorite third-party platforms.⚡️✨

Open source platform to manage Firestore data in a spreadsheet-like UI, deploy Cloud Functions easily, and connect to your favorite third-party platforms.⚡️✨

Rowy 3.6k Oct 1, 2022
A Whatsapp Clone which built with reactJS. You can sign in with your Google Account and you can chat in real time.

Whatsapp Clone with ReactJS In this app you can create a simple chat room and send messages to each other using our google accounts in the room. Whats

Mert Çankaya 9 Nov 24, 2021
Fakeflix – Netflix open source clone, not the usual clone that you can find on the web.

Fakeflix – Netflix open source clone, not the usual clone that you can find on the web.

Davide Mandelli 4.7k Sep 28, 2022
Kompass is an easy to integrate, open-source monitoring tool for your Kubernetes cluster.

Need direction on your Kubernetes cluster? Kompass can help! What is Kompass? Kompass is an easy to integrate, open-source monitoring tool for your Ku

OSLabs Beta 104 Sep 28, 2022
A browser based game that is also mobile friendly so you can finally say "How about THEM apples"

Plant trees to harvest apples. Sell apples to buy upgrades. Sell apples and wares to make the most money and top the leaderboard!

Scott Rohrig 7 May 21, 2022
dt money is a simple and effective alternative for managing your finances, allowing you to register inflows and outflows and organize them in categories.

dt money is a simple and effective alternative for managing your finances, allowing you to register inflows and outflows and organize them in categories.

Gabriel Cezar Muller 2 Sep 2, 2022
Uniswap Clone Interface - a Dapp application that replicates the Uniswap web application interface

This project was developed with ReactJS, being a Dapp application (decentralized application) that replicates the Uniswap web application interface. With this interface it is possible to perform the real login connection with your MetaMask digital wallet previously installed in your browser.

NguyenSonTung982000 6 Aug 6, 2022
Airbotics is an open-source robot mapping platform.

Airbotics is an open-source robot mapping platform. Table of Contents Introduction Community Project Status Contributing Security License Introduction

Airbotics 1 Oct 26, 2021
GlitchWave - an open-source frontend project. It makes our life easy to work on the admin panel

GlitchWave is an open-source frontend project. It makes our life easy to work on the admin panel. No more work from scratch. Work with pre maid admin panel. Easy to customize, add, remove features.

Abu Raihan 5 Jul 22, 2022
Automated script | Swagger export to react-fetching-library actions

Automated script | Swagger export to react-fetching-library actions

Valery Zinchenko 1 Oct 2, 2022
Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists

Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

Raul Andrade 8 May 19, 2022
Message in a Bottle is an interactive application where users can discover stories about the communities around them.

Message In a Bottle Find Places That Tell Stories Explore the docs » Deploy Link · Report Bug · Request Feature · Project Spec Table of Contents About

null 4 Jan 13, 2022
Key-racing is a simple and easy-to-use keyboard trainer that help you master ten-finger typing skills

Key-racing is a simple and easy-to-use keyboard trainer that help you master ten-finger typing skills

null 0 Dec 25, 2021