{"id":18469323,"url":"https://github.com/vishwagauravin/colpat","last_synced_at":"2025-04-08T10:32:44.521Z","repository":{"id":156807018,"uuid":"617366367","full_name":"VishwaGauravIn/colpat","owner":"VishwaGauravIn","description":"🎨 Looking for the perfect color palette? Look no further than ColPat! 🌈 Our advanced AI and user-friendly interface make it easy to create the ultimate color scheme for your designs. 🔧 With plenty of customization options, you'll have all the tools you need to unleash your creativity and elevate your projects to the next level. ✨ Try Now!","archived":false,"fork":false,"pushed_at":"2025-02-02T16:14:32.000Z","size":775,"stargazers_count":21,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T11:05:14.387Z","etag":null,"topics":["color","color-scheme","colors","design","frontend","graphics","javascript","nextjs","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://colpat.itsvg.in","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VishwaGauravIn.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":null,"support":null,"governance":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2023-03-22T08:39:57.000Z","updated_at":"2025-02-21T12:19:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"ecf3052b-fad9-499b-a6e0-b2d0181c150c","html_url":"https://github.com/VishwaGauravIn/colpat","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VishwaGauravIn%2Fcolpat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VishwaGauravIn%2Fcolpat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VishwaGauravIn%2Fcolpat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VishwaGauravIn%2Fcolpat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VishwaGauravIn","download_url":"https://codeload.github.com/VishwaGauravIn/colpat/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247824239,"owners_count":21002235,"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":["color","color-scheme","colors","design","frontend","graphics","javascript","nextjs","react","tailwindcss"],"created_at":"2024-11-06T10:09:58.066Z","updated_at":"2025-04-08T10:32:42.669Z","avatar_url":"https://github.com/VishwaGauravIn.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/VishwaGauravIn"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n \u003ch1\u003e \u003cimg src=\"https://colpat.itsvg.in/logo.png\" width=\"80px\"\u003e\u003cbr/\u003eColPat : Color Palette \u0026 Design Tool\u003c/h1\u003e\n \u003ca href=\"https://www.buymeacoffee.com/VishwaGauravIn\" target=\"_blank\"\u003e\u003cimg alt=\"\" src=\"https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=flat\u0026logo=buy-me-a-coffee\u0026logoColor=black\" style=\"vertical-align:center\" /\u003e\u003c/a\u003e\n \u003cimg src=\"https://img.shields.io/npm/v/npm?style=normal\"/\u003e\n \u003cimg src=\"https://img.shields.io/website?style=normal\u0026url=https%3A%2F%2Fcolpat.itsvg.in/\"/\u003e \n \u003cimg src=\"https://img.shields.io/badge/License-GPL%20v3-brightgreen?style=normal\"/\u003e\n \u003cimg src=\"https://img.shields.io/github/languages/code-size/VishwaGauravIn/colpat?logo=github\u0026style=normal\"/\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\n![1682215553111](https://user-images.githubusercontent.com/81325730/234714129-d4087095-013b-48c7-a932-7db030113038.png)\n\n\n# Features\nDesign heavily relies on color, and selecting an ideal color palette can be overwhelming. Fortunately, ColPat provides a set of fantastic tools that let you unleash your creativity and bring your designs to life. ColPat's distinguishing features include:\n\n![1682215571495](https://user-images.githubusercontent.com/81325730/234713744-5e6c9528-e28c-4e2f-8ab9-61fb74489777.png)\n### ⭐ Trending Color Palettes:\nColPat's Trending Color Palettes feature keeps you up-to-date with the latest color trends. It helps you choose the most popular colors for your project, whether you're designing a website, marketing campaign, or product. Additionally, you can tailor the palettes to your preferences using ColPat's user-friendly interface.\n\n![1682215587868](https://user-images.githubusercontent.com/81325730/234713797-d331fddf-25f2-4e64-ba33-188cfebd553d.png)\n### ⭐ Awesome Gradients:\nWith ColPat's Awesome Gradients feature, you can effortlessly produce countless gradients. Gradients enhance the depth and texture of designs, making them more visually appealing. You can experiment with multiple color combinations and develop gradients that match your design requirements.\n\n![1682215663143](https://user-images.githubusercontent.com/81325730/234713829-6d08a7cd-6ec2-4e06-b922-92d83f452adf.png)\n### ⭐Tailwind Palette Generator:\nColPat's Tailwind Palette Generator feature is custom-made for Tailwind CSS developers. By clicking once, you can create color palettes for your next Tailwind-powered project. This feature saves you time and effort when choosing colors that align with Tailwind's design system.\n\n![1682215604327](https://user-images.githubusercontent.com/81325730/234713869-2bc46eb3-f8af-4c77-a662-9e17bd4120ab.png)\n### ⭐ Palette from Image [AI]:\nColPat's Palette from Image [AI] feature uses artificial intelligence to analyze an image or logo's colors and create a color palette that complements it. This feature is particularly helpful for branding projects or when you need to match colors from an existing design.\n\n![1682215617106](https://user-images.githubusercontent.com/81325730/234713924-2cef2971-2b65-4bda-991c-4fc4ccf36b38.png)\n### ⭐ Color Palette from Color [AI]:\nColPat's Color Palette from Color [AI] feature generates a color palette from a single color. Just specify your desired color, and ColPat will generate the best color palette for you. This feature is ideal when you have a specific color in mind and want to create a palette around it.\n\n![1682215641921](https://user-images.githubusercontent.com/81325730/234713976-da7736aa-54d8-4780-b506-10bfa2462e08.png)\n### ⭐ What Color Says!:\nColPat's What Color Says! feature explains the psychology of color and how different colors can impact emotions and behavior. It assists you in comprehending the importance of a color and choosing the perfect color to resonate with your intended audience.\n\n## Our Social Links\n[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=normal\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/VishwaGauravIn)\n[![Twitter](https://img.shields.io/badge/Twitter-%231DA1F2.svg?style=normal\u0026logo=Twitter\u0026logoColor=white)](https://twitter.com/VishwaGauravIn)\n[![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=normal\u0026logo=Instagram\u0026logoColor=white)](https://instagram.com/VishwaGauravIn)\n\n## PageSpeed Insights\n![](https://raw.githubusercontent.com/VishwaGauravIn/Images/f13849bc9989d66c67085313dd606ea978eff0f8/psi-gprm.svg)\n\n## Tech Used\n![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white)\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)\n\n\n\u003cdetails\u003e\n\u003csummary\u003e\n  NextJS Guide\n\u003c/summary\u003e\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.\n\n[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.\n\nThe `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.\n\n## 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## 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 our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n  \n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishwagauravin%2Fcolpat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvishwagauravin%2Fcolpat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishwagauravin%2Fcolpat/lists"}