{"id":26990192,"url":"https://github.com/tencentedgeone/awesome-website-templates","last_synced_at":"2025-04-03T21:33:16.540Z","repository":{"id":284269971,"uuid":"954389779","full_name":"TencentEdgeOne/awesome-website-templates","owner":"TencentEdgeOne","description":"Some cool open source projects can be deployed to EdgeOne Pages with one click","archived":false,"fork":false,"pushed_at":"2025-04-02T13:12:45.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-02T13:44:12.260Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TencentEdgeOne.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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}},"created_at":"2025-03-25T02:26:38.000Z","updated_at":"2025-04-02T13:12:49.000Z","dependencies_parsed_at":"2025-03-25T03:36:40.769Z","dependency_job_id":null,"html_url":"https://github.com/TencentEdgeOne/awesome-website-templates","commit_stats":null,"previous_names":["tencentedgeone/awesome-website-templates"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fawesome-website-templates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fawesome-website-templates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fawesome-website-templates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fawesome-website-templates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TencentEdgeOne","download_url":"https://codeload.github.com/TencentEdgeOne/awesome-website-templates/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247084865,"owners_count":20881108,"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":[],"created_at":"2025-04-03T21:33:16.060Z","updated_at":"2025-04-03T21:33:16.528Z","avatar_url":"https://github.com/TencentEdgeOne.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cstrong\u003e\u003ca href=\"https://github.com/TencentEdgeOne/awesome-website-templates/blob/main/README.zh.md\"\u003e 中文简体 \u003c/a\u003e ｜ English\u003c/strong\u003e\n\u003c/div\u003e\n\u003chr/\u003e\n\u003ch1 align=\"center\"\u003e📢 Awesome Website Templates Collection 📢\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\u003ci\u003e✨ Various selected projects, supporting one-click deployment with EdgeOne Pages, continuously updating... ✨\u003c/i\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003ci\u003e✨ Welcome developers to recommend projects in Discussions! ✨\u003c/i\u003e\u003c/p\u003e\n\n  \u003cdiv align=\"center\"\u003e\n    \u003ctable\u003e\n      \u003ctr bgcolor=\"#f0f0f0\"\u003e\u003cth\u003e\u003ca href=\"#scaffolds\"\u003eScaffolds\u003c/a\u003e\u003c/th\u003e\n\u003cth\u003e\u003ca href=\"#designdrawingprojects\"\u003eDesign \u0026 Drawing Projects\u003c/a\u003e\u003c/th\u003e\n\u003cth\u003e\u003ca href=\"#threed\"\u003eThreeD\u003c/a\u003e\u003c/th\u003e\n\u003cth\u003e\u003ca href=\"#cooldiy\"\u003eCool DIY\u003c/a\u003e\u003c/th\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\u003c/div\u003e\u003ch1 id='scaffolds'\u003eScaffolds\u003c/h1\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"Tencent RTC\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/2b73ba30-ee33-4e02-b874-644e53b65751.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003eTencent RTC · \u003ca href=\"https://github.com/Tencent-RTC/TUIRoomKit\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eTencent audio and video communication Web client.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/Tencent-RTC/TUIRoomKit\u0026root-directory=.%2FWeb%2Fexample%2Fwebpack-vue2.7-ts\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"Astrofy\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/b8fa34fc-9bd3-48aa-b226-4e611405fa47.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003eAstrofy · \u003ca href=\"https://github.com/manuelernestog/astrofy\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eAstrofy is a free and open-source template for your Personal Portfolio Website built with Astro and TailwindCSS. Create in minutes a website with a Blog.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/manuelernestog/astrofy\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"Versatile Landing, Blog \u0026 Docs Template for a Simplified Web Presence\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/7afde78c-f9af-4a8f-b105-55ee4201f066.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003eVersatile Landing, Blog \u0026 Docs Template for a Simplified Web Presence · \u003ca href=\"https://github.com/mearashadowfax/ScrewFast\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eScrewFast is an open-source template designed for quick and efficient web project setup, blending minimalism with functionality. Whether you're showcasing a portfolio, launching a company landing page, or running a blog, ScrewFast provides everything you need. By combining the power of the Astro, Tailwind CSS, and Preline UI, this template offers a functional and aesthetically pleasing solution for your web presence.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/mearashadowfax/ScrewFast\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"shadcn-admin\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/fe213e6c-3758-464c-9b5a-5b1a527bdaa5.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003eshadcn-admin · \u003ca href=\"https://github.com/satnaing/shadcn-admin\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eAdmin Dashboard UI crafted with Shadcn and Vite. Built with responsiveness and accessibility in mind.I've been creating dashboard UIs at work and for my personal projects. I always wanted to make a reusable collection of dashboard UI for future projects; and here it is now. While I've created a few custom components, some of the code is directly adapted from ShadcnUI examples.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/satnaing/shadcn-admin\u0026output-directory=dist\u0026install-command=pnpm%20install\u0026build-command=pnpm%20build\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"vue-manage-system\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/7b1c3f9e-7946-43f7-acd9-1a4951404233.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003evue-manage-system · \u003ca href=\"https://github.com/lin-xin/vue-manage-system\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eVue-based admin management scaffold.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/lin-xin/vue-manage-system\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\u003ch1 id='designdrawingprojects'\u003eDesign \u0026 Drawing Projects\u003c/h1\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"Mini-Cover\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/10489988-8f16-4cc1-a6cd-3848dca5b324.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003eMini-Cover · \u003ca href=\"https://github.com/JLinMr/Mini-Cover\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eMini-Cover is a modern cover generation tool designed specifically for blogs, short videos, and social media. It supports a variety of customization options, allowing you to easily create personalized cover images.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/JLinMr/Mini-Cover\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"Coverview\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/b8701802-5fad-4270-81a1-859e90816114.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003eCoverview · \u003ca href=\"https://github.com/rutikwankhade/CoverView\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eCreating cover images for your blogs is now super easy.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/rutikwankhade/CoverView\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\u003ch1 id='threed'\u003eThreeD\u003c/h1\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\" My Room in 3D\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/2079a8d6-6a4e-4b66-9a60-156a87b02c26.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003e My Room in 3D · \u003ca href=\"https://github.com/brunosimon/my-room-in-3d\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eA beautiful room built using web 3D technology. The project is very interesting and can be used as a perfect demo to showcase web 3D technology.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/brunosimon/my-room-in-3d\u0026project-name=3droom\u0026repository-name=3droom\u0026install-command=npm%20update%20%26%26%20npm%20run%20build\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"3D Blog\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/9709bdfd-93e5-41cc-8a8a-ed87e519bd6a.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003e3D Blog · \u003ca href=\"https://github.com/brunosimon/folio-2019\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eA 3D blog project implemented using Three.js, where users can drive a small car to find and read articles.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/brunosimon/folio-2019\u0026output-directory=dist\u0026install-command=npm%20install\u0026build-command=npm%20run%20build\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"3D Apple iphone in React JS\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/f4c732f7-9a1d-4d75-bd49-f7bb3b668a37.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003e3D Apple iphone in React JS · \u003ca href=\"https://github.com/codebucks27/3D-Landing-page-for-Apple-iPhone\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eCreate an awesome 3d Landing Page for Apple iphone in React JS\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/codebucks27/3D-Landing-page-for-Apple-iPhone\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\u003ch1 id='cooldiy'\u003eCool DIY\u003c/h1\u003e  \n\u003ctable\u003e\n    \u003ctd width=350\u003e      \n    \u003cimg width=\"300\" object-fit=\"fill\" alt=\"Pokémon Cards\" src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/34e2ff56-8730-4a52-9717-340ccef501b0.png\" style=\"margin-right: 24px\"/\u003e\u003c/td\u003e\n    \u003ctd width=700\u003e\u003cdiv\u003e\n      \u003ch3\u003ePokémon Cards · \u003ca href=\"https://github.com/simeydotme/pokemon-cards-css\"\u003eGithub👆\u003c/a\u003e\u003c/h3\u003e\u003cdiv\u003e \u003cbr/\u003e\n    \u003c/div\u003e\n      \u003cdiv\u003e\u003cem\u003eUses CSS Transforms, Gradients, Blend-modes and Filters to simulate the various Holofoil effects found in the Sword and Shield era of Pokemon Trading Cards.\u003c/em\u003e\u003cdiv\u003e \u003cbr/\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"https://edgeone.ai/pages/new?from=awesome\u0026template=https://github.com/simeydotme/pokemon-cards-css\u0026output-directory=dist\u0026install-command=npm%20install\u0026build-command=npm%20run%20build\" target=\"_blank\" style=\"text-decoration: none;\"\u003e🚀 Deploy Now\u003c/a\u003e\n      \u003cdiv\u003e \u003cbr/\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentedgeone%2Fawesome-website-templates","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencentedgeone%2Fawesome-website-templates","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentedgeone%2Fawesome-website-templates/lists"}