{"id":13455700,"url":"https://github.com/saviomartin/slickr","last_synced_at":"2025-03-24T08:34:30.529Z","repository":{"id":37683783,"uuid":"383502305","full_name":"saviomartin/slickr","owner":"saviomartin","description":"Enjoy creating cover image for your hashnode blog like never before, get started in seconds 🎉","archived":false,"fork":false,"pushed_at":"2022-08-07T09:30:33.000Z","size":6288,"stargazers_count":589,"open_issues_count":8,"forks_count":75,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-08-01T08:16:12.670Z","etag":null,"topics":["blog-cover","blogs","design","editor","photoshop"],"latest_commit_sha":null,"homepage":"https://slickr.vercel.app/","language":"JavaScript","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/saviomartin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-06T14:44:05.000Z","updated_at":"2024-07-16T08:14:42.000Z","dependencies_parsed_at":"2022-08-03T11:45:54.980Z","dependency_job_id":null,"html_url":"https://github.com/saviomartin/slickr","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fslickr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fslickr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fslickr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saviomartin%2Fslickr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saviomartin","download_url":"https://codeload.github.com/saviomartin/slickr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221955908,"owners_count":16907465,"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":["blog-cover","blogs","design","editor","photoshop"],"created_at":"2024-07-31T08:01:09.621Z","updated_at":"2024-10-28T23:30:30.800Z","avatar_url":"https://github.com/saviomartin.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/saviomartin"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://slickr.vercel.app/\"\u003e\n    \u003cimg alt=\"Slickr\" src=\"public/assets/logo.png\" width=\"125\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eSlickr✨️\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/saviomartin/slickr/blob/master/LICENSE\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/license/saviomartin/slickr?style=flat-square\" alt=\"slickr licence\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/slickr/fork\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/forks/saviomartin/slickr?style=flat-square\" alt=\"slickr forks\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/slickr/stargazers\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/stars/saviomartin/slickr?style=flat-square\" alt=\"slickr stars\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/slickr/issues\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/issues/saviomartin/slickr?style=flat-square\" alt=\"slickr issues\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/slickr/pulls\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/issues-pr/saviomartin/slickr?style=flat-square\" alt=\"slickr pull-requests\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://twitter.com/intent/tweet?text=Checkout%20slickr.vercel.app%20by%20@saviomartin7.%20The%20most%20powerful%20way%20to%20create%20awesome%20cover%20images%20for%20your%20@hashnode%20blog%20🔥\"\u003e\u003cimg src=\"https://img.shields.io/twitter/url?label=Share%20on%20Twitter\u0026style=social\u0026url=https%3A%2F%2Fgithub.com%2Fsaviomartin%2Fslickr\"\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"public/assets/slickr.gif\" alt=\"slickr gif\" width=\"550\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://slickr.vercel.app/\" target=\"blank\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/saviomartin/slickr/issues/new/choose\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/saviomartin/slickr/issues/new/choose\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n### Introducing Slickr ✌️\n\nSlick is the most powerful and the easiest app to create beautiful cover images for your hashnode blog. Slickr lets you be flexible by handling backgrounds, gradients, patterns, images, icons, bookmarks, uploads and a lot more. You can drag, resize and position your components and give a new feel to your blog. When you're done export it as PNG, JPG, or SVG. Say hello to Slickr 🤟\n\n[Read blog to understand better 📖](https://savio.xyz/introducing-slickr-the-most-powerful-cover-image-generator-for-your-hashnode-blog)\n\n## 🚀 Demo\n\n\u003ca href=\"https://slickr.vercel.app/\" target=\"blank\"\u003e\n\u003cimg src=\"public/assets/slickr-cover.png\" /\u003e\n\u003c/a\u003e\n\nTry the App: [Slickr](https://slickr.vercel.app/)\n\n## 🧐 Features\n\nSlickr comes up with a whole bunch of amazing features to provide you the best experience, Here're some of our best features.\n\n\u003e Supercharge your hashnode blog with slickr.\n\n- 💯 **Draggable, Resizable, Wrappable**\n- 🎩 **Upload your Images and use it**\n- 👾 **32,000+ Icons** (powered by iconsfinder)\n- 📦 **Use Images from Unsplash**\n- 🔖 **Save Icons or Images**\n- 🍭 **Edit Everything** (text, color, size, family, weight, lineheight etc)\n- 🌱 **4 way backgrounds** (Solid, Gradient, Pattern, Image)\n- 🥁 **Share Images** (Get Public Share URL)\n- 🌘 **Dark mode**\n- 👤 **Join using Google, Github, Facebook**\n- 💻 **Fully Responsive**\n- 🚀 **Fast Downloading**\n- ⤵️ **Export as PNG, JPG, SVG**\n\nEnjoy creating cover image for your hashnode blog like never before, get started in seconds ✨️\n\n## 🛠️ Installation Steps\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/saviomartin/slickr.git\n```\n\n2. Change the working directory\n\n```bash\ncd slickr\n```\n\n3. Install dependencies\n\n```bash\nnpm install\n```\n\n4. Create `.env` file in root and add your variables\n\n```bash\nNEXT_PUBLIC_UNSPLASH_CLIENT_ID=UNSPLASH_CLIENT_ID\nNEXT_PUBLIC_IMGBB_STORAGE_KEY=IMGBB_STORAGE_ACESS_KEY\nNEXT_PUBLIC_CLERK_FRONTEND_API=CLERK_FRONTEND_API\n```\n\n5. Run the app\n\n```bash\nnpm run dev\n```\n\nYou are all set! Open [localhost:3000](http://localhost:3000/) to see the app.\n\n## 🍰 Contributing\n\n- Please contribute using [GitHub Flow](https://guides.github.com/introduction/flow). Create a branch, add commits, and [open a pull request](https://github.com/saviomartin/slickr/compare).\n\n- Please read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.\n\n## 💻 Built with\n\n- [Next JS](https://nextjs.org/)\n- [Clerk](https://clerk.dev/): Complete User Authentication\n- [react-color](https://casesandberg.github.io/react-color/): for color pickers\n- [html2canvas](https://html2canvas.hertzen.com/): for export as PNG, JPG, SVG\n- [react-rnd](https://github.com/bokuweb/react-rnd): for draggable and resizable components\n- [react-icons](https://react-icons.github.io/react-icons/): for icons\n- [nprogress](https://www.npmjs.com/package/nprogress): for slim progressbars\n- [react-hot-toast](https://react-hot-toast.com/): for toasts\n- [Material UI](http://material-ui.com/): for components\n- [Vercel](http://vercel.com/): for hosting\n\n## 🌈 What's next\n\nSlickr is a special project made to empower the amazing hashnode community in the hop to see great articles with beautiful covers. Here are some of my plans ahead for Slickr 🤞\n\n- `Ctrl+C` and `Ctrl+V` for components\n- history of created covers **(in progress)**\n- Export as GIF **(in progress)**\n- Collaborate with patner\n- Templates\n- Better Position Tracker\n- Rotatable, Scalable, Groupable Components\n\n## 🛡️ License\n\nThis project is licensed under the MIT License - see the [`LICENSE`](LICENSE) file for details.\n\n## 🦄 Deploy\n\n\u003ca href=\"https://vercel.com/new/project?template=https://github.com/saviomartin/slickr\"\u003e\n\u003cimg src=\"https://vercel.com/button\" height=\"37.5px\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://app.netlify.com/start/deploy?repository=https://github.com/saviomartin/slickr\"\u003e\n\u003cimg src=\"https://www.netlify.com/img/deploy/button.svg\" height=\"37.5px\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://cloud.digitalocean.com/apps/new?repo=https://github.com/saviomartin/slickr\"\u003e\n\u003cimg src=\"https://camo.githubusercontent.com/df21703b4229f8d44f76c2d56073657a4ab450ca4566ba5d24d05bf528c298f8/68747470733a2f2f7777772e6465706c6f79746f646f2e636f6d2f646f2d62746e2d626c75652e737667\" height=\"37.5px\" /\u003e\n\u003c/a\u003e\n\n## 👨‍💻 Author\n\n### 👤 Savio Martin\n\n- Twitter: [@SavioMartin7](https://twitter.com/SavioMartin7)\n- Github: [@saviomartin](https://github.com/saviomartin)\n- Hashnode: [@saviomartin](https://hashnode.com/@saviomartin)\n\n## 🙏 Support\n\nThis project needs a ⭐️ from you. Don't forget to leave a star ⭐️\n\nIf you found the app helpful, consider supporting me with a coffee.\n\n\u003ca href=\"https://www.buymeacoffee.com/saviomartin\"\u003e\n\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" height=\"50px\"\u003e\n\u003c/a\u003e\n\n---\n\n\u003ch3 align=\"center\"\u003e\nSlickr needs a ⭐️ from you\n\u003c/h3\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaviomartin%2Fslickr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaviomartin%2Fslickr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaviomartin%2Fslickr/lists"}