{"id":17996842,"url":"https://github.com/max-programming/styler","last_synced_at":"2025-08-20T08:17:17.683Z","repository":{"id":115893236,"uuid":"400732500","full_name":"max-programming/styler","owner":"max-programming","description":"The Next-Generation CSS Builder in the web for your hashnode blog ✨️","archived":false,"fork":false,"pushed_at":"2021-08-28T07:50:55.000Z","size":35024,"stargazers_count":0,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T06:14:36.056Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://styler.vercel.app/","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"saviomartin/styler","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/max-programming.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://buymeacoffee.com/saviomartin"]}},"created_at":"2021-08-28T07:37:39.000Z","updated_at":"2021-08-28T07:37:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"113ec3ac-2458-4012-981b-1a767770002b","html_url":"https://github.com/max-programming/styler","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/max-programming/styler","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/max-programming%2Fstyler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/max-programming%2Fstyler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/max-programming%2Fstyler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/max-programming%2Fstyler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/max-programming","download_url":"https://codeload.github.com/max-programming/styler/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/max-programming%2Fstyler/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271285534,"owners_count":24732930,"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","status":"online","status_checked_at":"2025-08-20T02:00:09.606Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-10-29T21:16:01.462Z","updated_at":"2025-08-20T08:17:17.662Z","avatar_url":"https://github.com/max-programming.png","language":null,"readme":"\u003ch1 align=\"center\"\u003eSyler 🎨\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/saviomartin/styler/blob/master/LICENSE\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/license/saviomartin/styler?style=flat-square\" alt=\"styler licence\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/styler/fork\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/forks/saviomartin/styler?style=flat-square\" alt=\"styler forks\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/styler/stargazers\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/stars/saviomartin/styler?style=flat-square\" alt=\"styler stars\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/styler/issues\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/issues/saviomartin/styler?style=flat-square\" alt=\"styler issues\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/saviomartin/styler/pulls\" target=\"blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/issues-pr/saviomartin/styler?style=flat-square\" alt=\"styler pull-requests\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://twitter.com/intent/tweet?text=Checkout%20styler.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%2Fstyler\"\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"public/assets/styler.gif\" alt=\"styler gif\" width=\"550\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://styler.vercel.app/\" target=\"blank\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/saviomartin/styler/issues/new/choose\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/saviomartin/styler/issues/new/choose\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n### Introducing Styler 👋\n\nStyler is the next gen custom CSS builder developed to supercharge your hashnode blog. Styler comes with awesome features like Live Preview, Dark Mode Support, Breakpoints support, templates and much more to standout out your blog. Try out [Styler](https://styler.vercel.app/) 🙌\n\n[Read blog to understand better 📖](https://savio.xyz/introducing-styler-the-most-powerful-cover-image-generator-for-your-hashnode-blog)\n\n## 🚀 Demo\n\n\u003ca href=\"https://styler.vercel.app/\" target=\"blank\"\u003e\n\u003cimg src=\"public/assets/banner.png\" /\u003e\n\u003c/a\u003e\n\nTry the App: [styler.vercel.app](https://styler.vercel.app/)\n\n## 🧐 Features\n\nLet me share the outstanding features of Styler.\n\n- 💯 **Live Preview**\n- 🎩 **No more inspecting**\n- 🍭 **Break Points Support** (mobile, tablet, desktop)\n- 🌘 **Dark mode Support**\n- 🌱 **Ready to Use Templates**\n- 🥁 **Generate CSS for Home and Article Page**\n- 💻 **Fully Responsive**\n- 🔥 **CSS AutoComplete**\n- 🚀 **Handle hover, focus effects**\n  -✨️ **Instructions on how to use**\n- ⤵️ **Full creative freedom (user fonts, before, after, nth-child() and everything )**\n\nTake your blog to next level wih styler, lets go to the moon! ✨️\n\n## 🛠️ Installation Steps\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/saviomartin/styler.git\n```\n\n2. Change the working directory\n\n```bash\ncd styler\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\nAUTH0_SECRET= YOUR_AUTH0_SECRET\nAUTH0_BASE_URL= YOUR_AUTH0_BASE_URL\nAUTH0_ISSUER_BASE_URL= YOUR_AUTH0_ISSUER_BASE_URL\nAUTH0_CLIENT_ID= YOUR_AUTH0_CLIENT_ID\nAUTH0_CLIENT_SECRET= YOUR_AUTH0_CLIENT_SECRET\nNEXT_PUBLIC_SUPABASE_URL= YOUR_SUPABASE_URL\nNEXT_PUBLIC_SUPABASE_ANON_KEY= YOUR_SUPABASE_ANON_KEY\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/styler/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- [Auth0](https://auth0.com/): Complete User Authentication\n- [react-icons](https://react-icons.github.io/react-icons/): for icons\n- [supabase](https://supabase.io/): for database\n- [headless-ui](https://headlessui.dev/): for components\n- [codemirror](https://codemirror.net/): for code blocks\n- [query-string](https://github.com/sindresorhus/query-string): for parsing query\n- [Material UI](http://material-ui.com/): for components\n- [Vercel](http://vercel.com/): for hosting\n\n## 🌈 What's next\n\nHere is the roadmap of the future of Styler 🤞\n\n- history of prevois codes\n- Share preview URLs\n- Live Collaborate with patner\n- More Templates\n- Better Position Tracker\n- Change the default preview page with users own page\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/styler\"\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/styler\"\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/styler\"\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\nStyler needs a ⭐️ from you\n\u003c/h3\u003e\n","funding_links":["https://buymeacoffee.com/saviomartin","https://www.buymeacoffee.com/saviomartin"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmax-programming%2Fstyler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmax-programming%2Fstyler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmax-programming%2Fstyler/lists"}