{"id":17948705,"url":"https://github.com/sanidhyy/canva-clone","last_synced_at":"2025-04-11T15:31:21.066Z","repository":{"id":260001968,"uuid":"868161484","full_name":"sanidhyy/canva-clone","owner":"sanidhyy","description":"Canva clone with customizable templates and AI-powered features for effortless visual creation.","archived":false,"fork":false,"pushed_at":"2025-04-01T03:59:24.000Z","size":7787,"stargazers_count":40,"open_issues_count":1,"forks_count":17,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T04:29:52.611Z","etag":null,"topics":["canva","canva-clone","canvas","color-picker","drawing","drawing-app","javascript","neon-db","next","next-auth","nextjs","postgresql","react","reactjs","shadcn","shadcn-ui","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://clone-canva.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sanidhyy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["sanidhyy"],"patreon":"sanidhy","custom":"https://www.buymeacoffee.com/sanidhy"}},"created_at":"2024-10-05T16:26:35.000Z","updated_at":"2025-04-01T03:59:21.000Z","dependencies_parsed_at":"2024-12-10T05:19:25.129Z","dependency_job_id":"31a72b79-9450-45e9-a513-5337b1581d72","html_url":"https://github.com/sanidhyy/canva-clone","commit_stats":null,"previous_names":["sanidhyy/canva-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sanidhyy%2Fcanva-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sanidhyy%2Fcanva-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sanidhyy%2Fcanva-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sanidhyy%2Fcanva-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sanidhyy","download_url":"https://codeload.github.com/sanidhyy/canva-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248431403,"owners_count":21102195,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canva","canva-clone","canvas","color-picker","drawing","drawing-app","javascript","neon-db","next","next-auth","nextjs","postgresql","react","reactjs","shadcn","shadcn-ui","tailwindcss","typescript"],"created_at":"2024-10-29T09:09:14.486Z","updated_at":"2025-04-11T15:31:16.054Z","avatar_url":"https://github.com/sanidhyy.png","language":"TypeScript","funding_links":["https://github.com/sponsors/sanidhyy","https://patreon.com/sanidhy","https://www.buymeacoffee.com/sanidhy"],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n# Canva clone with customizable templates and AI-powered features\n\n![Canva clone with customizable templates and AI-powered features](/.github/images/img_main.png 'Canva clone with customizable templates and AI-powered features')\n\n[![Ask Me Anything!](https://flat.badgen.net/static/Ask%20me/anything?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy 'Ask Me Anything!')\n[![GitHub license](https://flat.badgen.net/github/license/sanidhyy/canva-clone?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy/canva-clone/blob/main/LICENSE 'GitHub license')\n[![Maintenance](https://flat.badgen.net/static/Maintained/yes?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy/canva-clone/commits/main 'Maintenance')\n[![GitHub branches](https://flat.badgen.net/github/branches/sanidhyy/canva-clone?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy/canva-clone/branches 'GitHub branches')\n[![Github commits](https://flat.badgen.net/github/commits/sanidhyy/canva-clone?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy/canva-clone/commits 'Github commits')\n[![GitHub issues](https://flat.badgen.net/github/issues/sanidhyy/canva-clone?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy/canva-clone/issues 'GitHub issues')\n[![GitHub pull requests](https://flat.badgen.net/github/prs/sanidhyy/canva-clone?icon=github\u0026color=black\u0026scale=1.01)](https://github.com/sanidhyy/canva-clone/pulls 'GitHub pull requests')\n[![Vercel status](https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)](https://clone-canva.vercel.app/ 'Vercel status')\n\n\u003c!-- Table of Contents --\u003e\n\u003cdetails\u003e\n\n\u003csummary\u003e\n\n# :notebook_with_decorative_cover: Table of Contents\n\n\u003c/summary\u003e\n\n- [Folder Structure](#bangbang-folder-structure)\n- [Getting Started](#toolbox-getting-started)\n- [Screenshots](#camera-screenshots)\n- [Tech Stack](#gear-tech-stack)\n- [Stats](#wrench-stats)\n- [Contribute](#raised_hands-contribute)\n- [Acknowledgements](#gem-acknowledgements)\n- [Buy Me a Coffee](#coffee-buy-me-a-coffee)\n- [Follow Me](#rocket-follow-me)\n- [Learn More](#books-learn-more)\n- [Deploy on Vercel](#page_with_curl-deploy-on-vercel)\n- [Give A Star](#star-give-a-star)\n- [Star History](#star2-star-history)\n- [Give A Star](#star-give-a-star)\n\n\u003c/details\u003e\n\n## :bangbang: Folder Structure\n\nHere is the folder structure of this app.\n\n```bash\ncanva-clone/\n  |- drizzle/\n  |- public/\n    |-- bg.svg\n    |-- car_sale.json\n    |-- car_sale.png\n    |-- coming_soon.json\n    |-- coming_soon.png\n    |-- flash_sale.json\n    |-- flash_sale.png\n    |-- logo.svg\n    |-- travel.json\n    |-- travel.png\n  |- src/\n    |-- app/\n        |--- (auth)/\n        |--- (dashboard)/\n        |--- api/\n            |---- api/[[...route]]/\n            |---- auth/\n            |---- uploadthing/\n        |--- editor/[projectId]/\n        |--- apple-icon.png\n        |--- error.tsx\n        |--- favicon.ico\n        |--- globals.css\n        |--- icon1.png\n        |--- icon2.png\n        |--- layout.tsx\n        |--- not-found.tsx\n    |-- components/\n        |--- ui/\n        |--- hint.tsx\n        |--- modal-provider.tsx\n        |--- providers.tsx\n        |--- query-provider.tsx\n    |-- config/\n        |--- drizzle.ts\n        |--- schema.ts\n    |-- db/\n        |--- index.ts\n    |-- features/\n        |--- ai/\n        |--- auth/\n        |--- editor/\n        |--- images/\n        |--- projects/\n        |--- subscriptions/\n    |-- hooks/\n        |--- use-confirm.tsx\n    |-- lib/\n        |--- hono.ts\n        |--- replicate.ts\n        |--- stripe.ts\n        |--- unsplash.ts\n        |--- uploadthing.ts\n        |--- utils.ts\n    |-- auth.config.ts\n    |-- auth.ts\n    |-- middleware.ts\n  |- .env.example\n  |- .env.local\n  |- .eslintrc.json\n  |- .gitignore\n  |- .prettierrc.json\n  |- .prettierrc.mjs\n  |- bun.lockb\n  |- components.json\n  |- drizzle.config.ts\n  |- environment.d.ts\n  |- next.config.mjs\n  |- package.json\n  |- postcss.config.js\n  |- README.md\n  |- tailwind.config.ts\n  |- tsconfig.json\n```\n\n\u003cbr /\u003e\n\n## :toolbox: Getting Started\n\n1. Make sure **Git** and **NodeJS** is installed.\n2. Clone this repository to your local computer.\n3. Create `.env.local` file in **root** directory.\n4. Contents of `.env.local`:\n\n```env\n# disable next.js telemetry\nNEXT_TELEMETRY_DISABLED=1\n\n# app base url\nNEXT_PUBLIC_APP_BASE_URL=http://localhost:3000\n\n# unsplash api access key\nNEXT_PUBLIC_UNSPLASH_ACCESS_KEY=x-X-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\n\n# uploadthing token\nUPLOADTHING_TOKEN='xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'\n\n# replicate api token\nREPLICATE_API_TOKEN=r8_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\n\n# Added by `npx auth`. Read more: https://cli.authjs.dev\nAUTH_SECRET=\"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\"\n\n# github oauth id and secret\nAUTH_GITHUB_ID=XXXXXXXXXXXXXXXX\nAUTH_GITHUB_SECRET=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\n\nAUTH_GOOGLE_ID=\"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com\"\nAUTH_GOOGLE_SECRET=\"XXXXXXXX-XXXXXXXXXXXXXXXXXXXXXXXXXXXXX\"\n\n# postgres neon db url\nDATABASE_URL=\"postgresql://\u003cusername\u003e:\u003cpassword\u003e@\u003chostname\u003e:\u003cport\u003e/image-ai?sslmode=require\"\n\n# stripe secret key and price id and webhook secret\nSTRIPE_SECRET_KEY=sk_test_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\nSTRIPE_PRICE_ID=price_XXXXXXXXXXXXXXXXX\nSTRIPE_WEBHOOK_SECRET=whsec_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\n\n```\n\n### 5. Disable Next.js Telemetry\n\nThis disables Next.js telemetry (optional).\n\n- **Variable**: `NEXT_TELEMETRY_DISABLED`\n- **Value**: `1` (default for disabling telemetry)\n\n### 6. App Base URL\n\nSet the base URL where your app will be running locally or in production.\n\n### 7. Unsplash API Access Key\n\nTo get the `Unsplash API Access Key`, follow these steps:\n\n- Go to [Unsplash Developers](https://unsplash.com/developers).\n- Log in with your Unsplash account.\n- Create a new application under \"Your Applications.\"\n- Copy the **Access Key** from the application details.\n\n### 8. UploadThing Token\n\nTo get the UploadThing token:\n\n- Visit [UploadThing](https://uploadthing.com/) and sign up.\n- Create a new project which will generate an API token.\n- Copy the token.\n\n### 9. Replicate API Token\n\nTo get the Replicate API token:\n\n- Sign up at [Replicate](https://replicate.com/).\n- Go to your account settings and find the API section.\n- Copy the **API token**.\n\n### 10. Auth.js Secret\n\nThis is automatically generated by `npx auth` or `bunx auth` and used for session encryption. Keep this secret safe.\n\n### 11. GitHub OAuth Client ID and Secret\n\nTo obtain GitHub OAuth credentials:\n\n- Go to [GitHub Developer Settings](https://github.com/settings/developers).\n- Create a new OAuth app:\n  - Homepage URL: Your app's base URL (e.g., `http://localhost:3000`).\n  - Authorization callback URL: `http://localhost:3000/api/auth/callback/github`.\n- After creation, you'll get **Client ID** and **Client Secret**.\n\n### 12. Google OAuth Client ID and Secret\n\nTo obtain Google OAuth credentials:\n\n- Visit the [Google Cloud Console](https://console.cloud.google.com/).\n- Create a new project and configure **OAuth consent screen** with default settings.\n- Create **OAuth 2.0 credentials**:\n  - Authorized redirect URIs: `http://localhost:3000/api/auth/callback/google`.\n- After creation, you'll receive a **Client ID** and **Client Secret**.\n\n### 13. PostgreSQL Neon Database URL\n\nTo get the Neon PostgreSQL database URL:\n\n- Sign up at [Neon](https://neon.tech/).\n- Create a new database and retrieve the connection URL.\n  - Replace `\u003cusername\u003e`, `\u003cpassword\u003e`, `\u003chostname\u003e`, `\u003cport\u003e` in the URL.\n- Ensure SSL mode is enabled (`sslmode=require`).\n\n### 14. Stripe API Keys\n\nTo get the Stripe API keys:\n\n- Sign up at [Stripe](https://dashboard.stripe.com/).\n- Create a new account or use an existing one.\n- Go to **Developers** → **API keys** to get your **Secret Key**.\n- To create a **Price ID**, navigate to **Products** → **Create a Product** and set a price.\n- For **Webhook Secret**, set up a webhook in **Developers** → **Webhooks**:\n  - Endpoint: `http://localhost:3000/api/subscriptions/webhook`.\n\n15. Install Project Dependencies using `npm install --legacy-peer-deps` or `yarn install --legacy-peer-deps` or `bun install --legacy-peer-deps`.\n\n16. Now app is fully configured 👍 and you can start using this app using either one of `npm run dev` or `yarn dev` or `bun dev`.\n\n**NOTE:** Please make sure to keep your API keys and configuration values secure and do not expose them publicly.\n\n## :camera: Screenshots\n\n![Modern UI/UX](/.github/images/img1.png 'Modern UI/UX')\n\n![Fully functional Fabric.js editor](/.github/images/img2.png 'Fully functional Fabric.js editor')\n\n![Multi Template Feature](/.github/images/img3.png 'Multi Template Feature')\n\n![Unsplash Images and Custom Upload Support](/.github/images/img4.png 'Unsplash Images and Custom Upload Support')\n\n## :gear: Tech Stack\n\n[![React JS](https://skillicons.dev/icons?i=react 'React JS')](https://react.dev/ 'React JS') [![Next JS](https://skillicons.dev/icons?i=next 'Next JS')](https://nextjs.org/ 'Next JS') [![Typescript](https://skillicons.dev/icons?i=ts 'Typescript')](https://www.typescriptlang.org/ 'Typescript') [![PostgreSQL](https://skillicons.dev/icons?i=postgres 'PostgreSQL')](https://www.postgresql.org/ 'PostgreSQL') [![Tailwind CSS](https://skillicons.dev/icons?i=tailwind 'Tailwind CSS')](https://tailwindcss.com/ 'Tailwind CSS') [![Vercel](https://skillicons.dev/icons?i=vercel 'Vercel')](https://vercel.app/ 'Vercel')\n\n## :wrench: Stats\n\n[![Stats for Canva Clone](/.github/images/stats.svg 'Stats for Canva Clone')](https://pagespeed.web.dev/analysis?url=https://clone-canva.vercel.app/ 'Stats for Canva Clone')\n\n## :raised_hands: Contribute\n\nYou might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.\n\n## :gem: Acknowledgements\n\nUseful resources and dependencies that are used in Canva Clone.\n\n- Thanks to CodeWithAntonio: https://codewithantonio.com/\n- [@auth/core](https://www.npmjs.com/package/@auth/core): ^0.37.0\n- [@auth/drizzle-adapter](https://www.npmjs.com/package/@auth/drizzle-adapter): ^1.7.0\n- [@hono/auth-js](https://www.npmjs.com/package/@hono/auth-js): ^1.0.11\n- [@hono/zod-validator](https://www.npmjs.com/package/@hono/zod-validator): ^0.4.1\n- [@neondatabase/serverless](https://www.npmjs.com/package/@neondatabase/serverless): ^0.10.1\n- [@paralleldrive/cuid2](https://www.npmjs.com/package/@paralleldrive/cuid2): ^2.2.2\n- [@radix-ui/react-alert-dialog](https://www.npmjs.com/package/@radix-ui/react-alert-dialog): ^1.1.2\n- [@radix-ui/react-avatar](https://www.npmjs.com/package/@radix-ui/react-avatar): ^1.1.1\n- [@radix-ui/react-dialog](https://www.npmjs.com/package/@radix-ui/react-dialog): ^1.1.2\n- [@radix-ui/react-dropdown-menu](https://www.npmjs.com/package/@radix-ui/react-dropdown-menu): ^2.1.2\n- [@radix-ui/react-label](https://www.npmjs.com/package/@radix-ui/react-label): ^2.1.0\n- [@radix-ui/react-scroll-area](https://www.npmjs.com/package/@radix-ui/react-scroll-area): ^1.2.0\n- [@radix-ui/react-separator](https://www.npmjs.com/package/@radix-ui/react-separator): ^1.1.0\n- [@radix-ui/react-slider](https://www.npmjs.com/package/@radix-ui/react-slider): ^1.2.1\n- [@radix-ui/react-slot](https://www.npmjs.com/package/@radix-ui/react-slot): ^1.1.0\n- [@radix-ui/react-tooltip](https://www.npmjs.com/package/@radix-ui/react-tooltip): ^1.1.3\n- [@radix-ui/react-visually-hidden](https://www.npmjs.com/package/@radix-ui/react-visually-hidden): ^1.1.0\n- [@tanstack/react-query](https://www.npmjs.com/package/@tanstack/react-query): ^5.59.13\n- [@uploadthing/react](https://www.npmjs.com/package/@uploadthing/react): ^7.0.3\n- [bcryptjs](https://www.npmjs.com/package/bcryptjs): ^2.4.3\n- [class-variance-authority](https://www.npmjs.com/package/class-variance-authority): ^0.7.0\n- [clsx](https://www.npmjs.com/package/clsx): ^2.1.1\n- [crypto](https://www.npmjs.com/package/crypto): ^1.0.1\n- [date-fns](https://www.npmjs.com/package/date-fns): ^4.1.0\n- [drizzle-orm](https://www.npmjs.com/package/drizzle-orm): ^0.35.1\n- [drizzle-zod](https://www.npmjs.com/package/drizzle-zod): ^0.5.1\n- [fabric](https://www.npmjs.com/package/fabric): 5.3.0-browser\n- [hono](https://www.npmjs.com/package/hono): ^4.6.4\n- [jsdom](https://www.npmjs.com/package/jsdom): ^25.0.1\n- [lodash.debounce](https://www.npmjs.com/package/lodash.debounce): ^4.0.8\n- [lucide-react](https://www.npmjs.com/package/lucide-react): ^0.447.0\n- [material-colors](https://www.npmjs.com/package/material-colors): ^1.2.6\n- [next](https://www.npmjs.com/package/next): 14.2.14\n- [next-auth](https://www.npmjs.com/package/next-auth): ^5.0.0-beta.22\n- [next-themes](https://www.npmjs.com/package/next-themes): ^0.3.0\n- [react](https://www.npmjs.com/package/react): ^18\n- [react-color](https://www.npmjs.com/package/react-color): ^2.19.3\n- [react-dom](https://www.npmjs.com/package/react-dom): ^18\n- [react-icons](https://www.npmjs.com/package/react-icons): ^5.3.0\n- [react-use](https://www.npmjs.com/package/react-use): ^17.5.1\n- [replicate](https://www.npmjs.com/package/replicate): ^1.0.0\n- [sonner](https://www.npmjs.com/package/sonner): ^1.5.0\n- [stripe](https://www.npmjs.com/package/stripe): ^17.2.1\n- [tailwind-merge](https://www.npmjs.com/package/tailwind-merge): ^2.5.3\n- [tailwindcss-animate](https://www.npmjs.com/package/tailwindcss-animate): ^1.0.7\n- [unsplash-js](https://www.npmjs.com/package/unsplash-js): ^7.0.19\n- [uploadthing](https://www.npmjs.com/package/uploadthing): ^7.1.0\n- [use-file-picker](https://www.npmjs.com/package/use-file-picker): ^2.1.2\n- [zod](https://www.npmjs.com/package/zod): ^3.23.8\n- [zustand](https://www.npmjs.com/package/zustand): ^5.0.0\n- [@babel/eslint-parser](https://www.npmjs.com/package/@babel/eslint-parser): ^7.25.7\n- [@trivago/prettier-plugin-sort-imports](https://www.npmjs.com/package/@trivago/prettier-plugin-sort-imports): ^4.3.0\n- [@types/bcryptjs](https://www.npmjs.com/package/@types/bcryptjs): ^2.4.6\n- [@types/fabric](https://www.npmjs.com/package/@types/fabric): 5.3.0\n- [@types/lodash.debounce](https://www.npmjs.com/package/@types/lodash.debounce): ^4.0.9\n- [@types/material-colors](https://www.npmjs.com/package/@types/material-colors): ^1.2.3\n- [@types/node](https://www.npmjs.com/package/@types/node): ^20\n- [@types/react](https://www.npmjs.com/package/@types/react): ^18\n- [@types/react-color](https://www.npmjs.com/package/@types/react-color): ^3.0.12\n- [@types/react-dom](https://www.npmjs.com/package/@types/react-dom): ^18\n- [dotenv](https://www.npmjs.com/package/dotenv): ^16.4.5\n- [drizzle-kit](https://www.npmjs.com/package/drizzle-kit): ^0.26.2\n- [eslint](https://www.npmjs.com/package/eslint): ^8\n- [eslint-config-next](https://www.npmjs.com/package/eslint-config-next): 14.2.14\n- [eslint-config-prettier](https://www.npmjs.com/package/eslint-config-prettier): ^9.1.0\n- [eslint-plugin-prettier](https://www.npmjs.com/package/eslint-plugin-prettier): ^5.2.1\n- [pg](https://www.npmjs.com/package/pg): ^8.13.0\n- [postcss](https://www.npmjs.com/package/postcss): ^8\n- [prettier-plugin-tailwindcss](https://www.npmjs.com/package/prettier-plugin-tailwindcss): ^0.6.8\n- [sort-classes](https://www.npmjs.com/package/sort-classes): npm:prettier-plugin-tailwindcss\n- [tailwindcss](https://www.npmjs.com/package/tailwindcss): ^3.4.1\n- [tidy-imports](https://www.npmjs.com/package/tidy-imports): npm:@trivago/prettier-plugin-sort-imports\n- [typescript](https://www.npmjs.com/package/typescript): ^5.6.2\n\n## :coffee: Buy Me a Coffee\n\n[\u003cimg src=\"https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge\u0026logo=buy-me-a-coffee\u0026logoColor=black\" width=\"200\" /\u003e](https://www.buymeacoffee.com/sanidhy 'Buy me a Coffee')\n\n## :rocket: Follow Me\n\n[![Follow Me](https://img.shields.io/github/followers/sanidhyy?style=social\u0026label=Follow\u0026maxAge=2592000)](https://github.com/sanidhyy 'Follow Me')\n[![Tweet about this project](https://img.shields.io/twitter/url?style=social\u0026url=https%3A%2F%2Ftwitter.com%2FTechnicalShubam)](https://twitter.com/intent/tweet?text=Check+out+this+amazing+app:\u0026url=https%3A%2F%2Fgithub.com%2Fsanidhyy%2Fcanva-clone 'Tweet about this project')\n[![Subscribe to my YouTube Channel](https://img.shields.io/youtube/channel/subscribers/UCNAz_hUVBG2ZUN8TVm0bmYw)](https://www.youtube.com/@OPGAMER./?sub_confirmation=1 'Subscribe to my YouTube Channel')\n\n## :books: Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## :page_with_curl: Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n\n## :star: Give A Star\n\nYou can also give this repository a star to show more people and they can use this repository.\n\n## :star2: Star History\n\n\u003ca href=\"https://star-history.com/#sanidhyy/canva-clone\u0026Timeline\"\u003e\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://api.star-history.com/svg?repos=sanidhyy/canva-clone\u0026type=Timeline\u0026theme=dark\" /\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://api.star-history.com/svg?repos=sanidhyy/canva-clone\u0026type=Timeline\" /\u003e\n  \u003cimg alt=\"Star History Chart\" src=\"https://api.star-history.com/svg?repos=sanidhyy/canva-clone\u0026type=Timeline\" /\u003e\n\u003c/picture\u003e\n\u003c/a\u003e\n\n\u003cbr /\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsanidhyy%2Fcanva-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsanidhyy%2Fcanva-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsanidhyy%2Fcanva-clone/lists"}