{"id":41915451,"url":"https://github.com/origadmin/shadcn-admin-design","last_synced_at":"2026-01-25T16:22:01.163Z","repository":{"id":271261448,"uuid":"859750079","full_name":"origadmin/shadcn-admin-design","owner":"origadmin","description":"An admin template use ShadcnUI for OrigAdmin","archived":false,"fork":false,"pushed_at":"2025-02-19T10:21:07.000Z","size":5837,"stargazers_count":3,"open_issues_count":14,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T13:29:16.154Z","etag":null,"topics":["bun","design","frontend","no-next","no-vite","rsbuild","shadcnui","tailwind","templates","webui"],"latest_commit_sha":null,"homepage":"https://shadcn-admin-design.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/origadmin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-19T08:06:43.000Z","updated_at":"2025-02-19T10:21:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"06a63d38-7c8f-4bfa-a2de-546f72221780","html_url":"https://github.com/origadmin/shadcn-admin-design","commit_stats":null,"previous_names":["origadmin/webui","origadmin/shadcn-admin-design"],"tags_count":0,"template":false,"template_full_name":"origadmin/.github","purl":"pkg:github/origadmin/shadcn-admin-design","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/origadmin%2Fshadcn-admin-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/origadmin%2Fshadcn-admin-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/origadmin%2Fshadcn-admin-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/origadmin%2Fshadcn-admin-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/origadmin","download_url":"https://codeload.github.com/origadmin/shadcn-admin-design/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/origadmin%2Fshadcn-admin-design/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28755230,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T13:59:49.818Z","status":"ssl_error","status_checked_at":"2026-01-25T13:59:33.728Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["bun","design","frontend","no-next","no-vite","rsbuild","shadcnui","tailwind","templates","webui"],"created_at":"2026-01-25T16:22:00.347Z","updated_at":"2026-01-25T16:22:01.144Z","avatar_url":"https://github.com/origadmin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OrigAdmin WebUI\n\n## 🌟 Preview\n\n![signin](resources/signin.jpg)\n![signup](resources/signup.jpg)\n![dashboard](resources/dashboard.jpg)\n\n## 🔧 Tech stack\n\nThis project implements the front-end Admin design based on the following technologies:\n\n- 🛠️ [ShadcnUI](https://ui.shadcn.com/): A React UI component library that provides a set of accessible and customizable\n  components.\n- 🌐 [@tanstack/router](https://tanstack.com/router): A routing library for React that provides a simple and powerful way\n  to handle client-side routing.\n- 🚀 [RSBuild](https://rsbuild.js.org/): A modern build tool that simplifies the process of building web applications.\n- 🎨 [Tailwind.v3](https://tailwindcss.com/): A utility-first CSS framework for rapidly building custom designs.\n- 💡 [Postcss](https://postcss.org/): A tool for transforming CSS with JavaScript, enabling the use of plugins to extend\n  CSS functionality.\n- ✨ [Prettier](https://prettier.io/): A code formatter that enforces consistent style by parsing your code and\n  re-printing it with its own rules.\n- ⚡ [Bun](https://bun.sh/): A fast all-in-one JavaScript runtime, bundler, and package manager.\n- 📜 [TypeScript](https://www.typescriptlang.org/): A statically typed programming language that builds on JavaScript,\n  adding features like interfaces and generics.\n- 🗃️ [React](https://reactjs.org/): A JavaScript library for building user interfaces.\n- 🛡️ [ESLint](https://eslint.org/): A tool for identifying and reporting on patterns found in ECMAScript/JavaScript\n  code, with the goal of making code more consistent and avoiding errors.\n\n## 🚀 Live Demo\n\n[OrigAdmin WebUI Live](https://shadcn-admin-design.vercel.app)\n\n- **Username**: `admin`\n- **Password**: `orig.admin`\n- **Captcha**: `1234` (this is a demo, so the captcha is not validated, you can log in directly with four digits).\n-\n- You can change the **Username** and **Password** in the `src/pages/auth/index.tsx` file.\n\n## 📚 Instructions for getting started with the basics\n\n### How it works\n\n1. Make sure it's installed on your machine: [Bun](https://bun.sh/)。\n2. Clone the project to the local computer：\n\n   ```bash\n   git clone https://github.com/origadmin/shadcn-admin-design\n   ```\n3. Go to the project directory：\n   ```bash\n   cd shadcn-admin-design\n   ```\n4. Install dependencies：\n   ```bash\n   bun install\n   ```\n5. Start the project：\n   ```bash\n   bun dev\n   ```\n6. Open the browser and visit http://localhost:3000 to see the project.\n\n### Script used\n\n```\n    \"start\": \"bun run dev\",\n    \"dev\": \"bun tailwind:dev \u0026\u0026 rsbuild dev --open\",\n    \"dev:web\": \"bun tailwind:min \u0026\u0026 rsbuild dev --open\",\n    \"build\": \"bun tailwind \u0026\u0026 rsbuild build\",\n    \"preview\": \"bun tailwind:min \u0026\u0026 rsbuild build \u0026\u0026 rsbuild preview\",\n    \"rsbuild\": \"bun run build\",\n    \"tailwind\": \"bun tailwind:min\",\n    \"tailwind:dev\": \"bunx tailwindcss --postcss -i ./src/styles/globals.css -o public/index.css\",\n    \"tailwind:min\": \"bunx tailwindcss --postcss -i ./src/styles/globals.css -o public/index.css --minify\",\n    \"shadcn\": \"bun x --bun shadcn@latest\",\n    \"style:all\": \"bun lint \u0026\u0026 bun stylelint \u0026\u0026 bun format\",\n    \"format\": \"prettier --write .\",\n    \"format:check\": \"prettier -c -w .\",\n    \"lint\": \"eslint .\",\n    \"lint:fix\": \"eslint ./src --fix \u0026\u0026 bun format\",\n    \"lint:strict\": \"eslint --max-warnings=0 ./src\",\n    \"style\": \"stylelint ./src/**/*.{css}\"\n```\n\n- Build the project\n\n```\nbun run build\n# or\nbun rsbuild\n```\n\n- Add ShadcnUI Component\n\n```\nbun shadcn add xxx\n```\n\n- Format the file\n\n```\nbun format\n```\n\n- Lint the file\n\n```\nbun lint\n```\n\n### Project features:\n\n- ⏳ **Fast Load**: Currently, the main page loads in less than 300ms, ensuring very strong performance.\n- 🚀 **High Performance**: Use Bun as a build tool to provide a fast build and hot reload experience.\n- 📱 **Responsive Design**: Based on Tailwind CSS, it ensures a good user experience on a wide range of devices.\n- 📈 **Scalability**: The project is clearly structured and easy to scale and maintain.\n- 💻 **Modern Development**: Use TypeScript and ESLint to improve code quality and development efficiency.\n\n## Project Description\n\n- This project does not use Node-based backend technologies such as Next.js, Express, Nest.js and so on.\n- This project does not use other build tools such as Vite.\n- This project is intended to be used with the OriginAdmin backend.\n- This project is designed to be used as a template for other projects.\n\n### License\n\nThis project is licensed under [MIT License](https://opensource.org/licenses/MIT). Feel free to use and modify it, but\nplease keep the original author information.\n\n### License\n\nThis project is licensed under [MIT License](https://opensource.org/licenses/MIT). Feel free to use and modify it, but\nplease\nkeep the original author information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forigadmin%2Fshadcn-admin-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Forigadmin%2Fshadcn-admin-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forigadmin%2Fshadcn-admin-design/lists"}