{"id":26582842,"url":"https://github.com/asterodigital/bootstrap-admin-template","last_synced_at":"2025-03-23T08:17:57.665Z","repository":{"id":282839769,"uuid":"932260260","full_name":"asterodigital/bootstrap-admin-template","owner":"asterodigital","description":"Astero Admin: Free Bootstrap 5.3 HTML Admin Dashboard Template","archived":false,"fork":false,"pushed_at":"2025-03-17T08:00:59.000Z","size":24376,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T08:34:42.163Z","etag":null,"topics":["admin-dashboard","admin-panel","admin-template-bootstrap5","admin-theme","astro","bootstrap","bootstrap-admin-dashboard","bootstrap-admin-panel","bootstrap-admin-template","bootstrap-admin-theme","bootstrap-template","bootstrap-templates","bootstrap5","css","free-bootstrap-template","free-bootstrap-templates","html","javascript","template","theme"],"latest_commit_sha":null,"homepage":"https://asterodigital.com/astero-admin/","language":"Astro","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/asterodigital.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/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":{"github":"asterodigital","custom":["https://buymeacoffee.com/azadshaikh"]}},"created_at":"2025-02-13T16:21:19.000Z","updated_at":"2025-03-17T08:01:02.000Z","dependencies_parsed_at":"2025-03-17T08:47:19.445Z","dependency_job_id":null,"html_url":"https://github.com/asterodigital/bootstrap-admin-template","commit_stats":null,"previous_names":["asterodigital/bootstrap-admin-template"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asterodigital%2Fbootstrap-admin-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asterodigital%2Fbootstrap-admin-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asterodigital%2Fbootstrap-admin-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asterodigital%2Fbootstrap-admin-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asterodigital","download_url":"https://codeload.github.com/asterodigital/bootstrap-admin-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244991166,"owners_count":20543627,"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":["admin-dashboard","admin-panel","admin-template-bootstrap5","admin-theme","astro","bootstrap","bootstrap-admin-dashboard","bootstrap-admin-panel","bootstrap-admin-template","bootstrap-admin-theme","bootstrap-template","bootstrap-templates","bootstrap5","css","free-bootstrap-template","free-bootstrap-templates","html","javascript","template","theme"],"created_at":"2025-03-23T08:17:57.134Z","updated_at":"2025-03-23T08:17:57.644Z","avatar_url":"https://github.com/asterodigital.png","language":"Astro","funding_links":["https://github.com/sponsors/asterodigital","https://buymeacoffee.com/azadshaikh"],"categories":[],"sub_categories":[],"readme":"# AsteroAdmin\n\nA responsive open source admin dashboard and control panel built with Bootstrap 5 and Astro.\n\n[![AsteroAdmin Dashboard](https://raw.githubusercontent.com/asterodigital/bootstrap-admin-template/main/.github/images/feature-image.png)](https://astero-admin.asterodigital.com/pages/dashboard)\n\n\u003ca href=\"https://www.producthunt.com/posts/astero-admin?embed=true\u0026utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-astero\u0026#0045;admin\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=941743\u0026theme=light\u0026t=1742294352921\" alt=\"Astero\u0026#0032;Admin - Free\u0026#0032;Bootstrap\u0026#0032;5\u0026#0032;Admin\u0026#0032;Template | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n## Overview\n\nAsteroAdmin is a modern, responsive admin template designed to provide a solid foundation for your administrative interface needs. Built with the latest web technologies and best practices, it offers a clean, intuitive, and highly customizable user experience for building powerful dashboards, admin panels, and back-office applications.\n\n## Key Features\n\n- 🎨 **Modern UI Design** - Built with Bootstrap 5.3 for a clean, professional look\n- 📱 **Fully Responsive** - Works perfectly on all devices and screen sizes\n- 🌙 **Light/Dark Mode** - Switch between light and dark themes with one click\n- 🚀 **Advanced Build System** - Optimized workflow with parallel processing\n- 📦 **Modular Architecture** - Well-organized SCSS and JS components\n- 🔧 **Highly Customizable** - Easy to adapt to your brand and requirements\n- 📊 **Dashboard Components** - Charts, tables, forms, and more\n- 🔍 **Performance Optimized** - Fast loading times and smooth interactions\n- 🔄 **Live Reload** - Instant preview of changes during development\n- 📚 **Comprehensive Documentation** - Detailed guides for all components\n- 🔒 **5 Auth Design Systems** - Five ready-made login and signup page designs\n- 🌐 **RTL Support** - Works perfectly for right-to-left languages\n- 🖌️ **3000+ Icons** - Thousands of icons ready to use in your projects\n- 📁 **Simple Folder Structure** - Logically arranged files for quick development\n- 🧩 **Various Components** - Extensive collection of UI components\n- 📱 **Offcanvas Navbar** - Modern navigation for mobile and desktop\n\n## Demo\n\nCheck out the live demo: [AsteroAdmin Demo](https://astero-admin.asterodigital.com/pages/dashboard)\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v18 or later recommended)\n- npm or yarn package manager\n\n### Installation\n\nYou can install AsteroAdmin in three ways:\n\n#### 1. Using npm\n\n```bash\nnpm install asteroadmin\n```\n\nAfter installation, you can import the CSS and JavaScript files in your project:\n\n```javascript\n// Import CSS\nimport 'asteroadmin/dist/css/style.css'\n\n// Import JavaScript (if needed)\nimport 'asteroadmin/dist/js/main.js'\n```\n\n#### 2. Using CDN\n\nAdd the following CDN links to your HTML file:\n\n```html\n\u003c!-- CSS --\u003e\n\u003clink href=\"https://cdn.jsdelivr.net/npm/asteroadmin@1/dist/css/style.min.css\" rel=\"stylesheet\"\u003e\n\n\u003c!-- JavaScript --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/asteroadmin@1/dist/js/main.min.js\" type=\"module\"\u003e\u003c/script\u003e\n```\n\nYou can also include specific files or versions:\n\n- CSS: `https://cdn.jsdelivr.net/npm/asteroadmin@1.0.3/dist/css/style.min.css`\n- JavaScript: `https://cdn.jsdelivr.net/npm/asteroadmin@1.0.3/dist/js/main.min.js`\n\n#### 3. Clone the repository\n\n```bash\ngit clone https://github.com/asterodigital/bootstrap-admin-template.git\ncd bootstrap-admin-template\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Start the development server:\n\n```bash\nnpm run dev\n```\n\nThe development server will start at `http://localhost:1234`\n\n## Build System\n\nAsteroAdmin uses a custom-built, optimized build system that handles:\n\n- SCSS compilation with source maps\n- JavaScript bundling and minification\n- Asset optimization\n- Live reloading\n- Production builds with optimizations\n\n### Available Scripts\n\n| Command | Description |\n|---------|-------------|\n| `npm run dev` | Start development server with hot reloading |\n| `npm run build` | Build optimized files for production |\n| `npm run css` | Compile SCSS to CSS with vendor prefixes |\n| `npm run js` | Bundle and optimize JavaScript files |\n| `npm run assets` | Process and optimize static assets |\n| `npm run lint` | Run code quality checks |\n| `npm run fixlint` | Automatically fix linting issues |\n| `npm run format:html` | Format HTML files using Prettier |\n| `npm run clean` | Remove build artifacts |\n| `npm run watch` | Watch files for changes |\n| `npm run serve` | Serve the built files locally |\n\n## Project Structure\n\n```\n├── dist/               # Compiled files (generated)\n├── src/                # Source files\n│   ├── assets/         # Static assets (images, fonts, etc.)\n│   │   ├── components/ # Reusable UI components\n│   │   ├── layouts/    # Page layouts\n│   │   ├── pages/      # Astro page templates\n│   │   └── utils/      # Utility functions\n│   ├── js/             # JavaScript source files\n│   │   ├── components/ # JS components\n│   │   ├── plugins/    # Third-party plugins\n│   │   └── main.js     # Main JavaScript entry point\n│   └── scss/           # SCSS stylesheets\n│       ├── base/       # Base styles\n│       ├── components/ # Component styles\n│       ├── core/       # Core styles\n│       ├── extra-components/ # Additional components\n│       ├── layout/     # Layout styles\n│       ├── mixins/     # SCSS mixins\n│       ├── pages/      # Page-specific styles\n│       ├── variables/  # SCSS variables\n│       └── style.scss  # Main SCSS entry point\n├── tools/              # Build system scripts\n│   ├── assets.mjs      # Asset processing\n│   ├── astro.mjs       # Astro build configuration\n│   ├── build.mjs       # Main build orchestration\n│   ├── clean.mjs       # Cleanup utilities\n│   ├── css.mjs         # CSS processing\n│   ├── dev.mjs         # Development server\n│   ├── fixlint.mjs     # Linting fixes\n│   ├── format.mjs      # Code formatting\n│   ├── js.mjs          # JavaScript processing\n│   ├── lint.mjs        # Code quality checks\n│   ├── prettier.mjs    # Prettier configuration\n│   ├── serve.mjs       # Local server for testing\n│   ├── utils.mjs       # Build utilities\n│   └── watch.mjs       # File watching\n└── package.json        # Project dependencies and scripts\n```\n\n## Customization\n\n### Themes\n\nAsteroAdmin comes with both light and dark themes. You can customize the themes by modifying the variables in `src/scss/variables/`. The dark mode provides a sleek, eye-friendly experience that:\n\n- Is easier on the eyes\n- Improves readability\n- Minimizes distractions\n- Enhances visual appeal\n\n### Components\n\nAll UI components are modular and can be found in `src/scss/components/` and `src/scss/extra-components/`. You can easily modify or extend these components to match your requirements.\n\n### Creating New Pages\n\nTo create a new page:\n\n1. Create a new `.astro` file in the `src/html/pages/` directory\n2. Use existing components and layouts\n3. Run the development server to see your changes\n\n## Dashboard Layouts\n\nAsteroAdmin offers multiple dashboard layouts to suit different needs:\n\n- **Analytics Dashboard** - For data visualization and metrics\n- **Compact Sidebar** - Space-efficient navigation\n- **Dark Mode** - Eye-friendly interface for low-light environments\n- **Various Components** - Extensive UI element collection\n- **Offcanvas Navbar** - Modern responsive navigation\n\n## Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n- Opera (latest)\n\n## Technologies Used\n\n- **Bootstrap 5.3** - Front-end component library\n- **Astro** - Static site generator\n- **SASS** - CSS preprocessor\n- **ESBuild** - JavaScript bundler\n- **SimpleBar** - Custom scrollbar plugin\n- **LightningCSS** - CSS optimization\n- **PostCSS** - CSS transformation tool\n\n## Performance Optimization\n\nAsteroAdmin is optimized for performance:\n\n- Minified CSS and JavaScript\n- Optimized asset loading\n- Efficient build process\n- Code splitting where appropriate\n- Vendor prefixing for cross-browser compatibility\n\n## Frequently Asked Questions\n\n**What is included in the theme?**  \nThe package includes a full set of templates, and documentation.\n\n**Is the theme mobile-friendly?**  \nAbsolutely, the theme is designed to be responsive across devices.\n\n**Can I customize the design?**  \nYes, the theme is fully customizable to match your branding needs.\n\n**How do I install the theme?**  \nInstallation is simple and comes with detailed instructions in the docs.\n\n## Change Log\n\n**Version 1.0.0** - March 13, 2025\n\n- Initial release\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Support\n\nFor support, please visit [https://asterodigital.com/bootstrap-admin-template](https://asterodigital.com/bootstrap-admin-template) or create an issue in the GitHub repository.\n\n## Author\n\nAsteroDigital - [https://asterodigital.com](https://asterodigital.com)\n\n---\n\nMade with ❤️ by AsteroDigital\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasterodigital%2Fbootstrap-admin-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasterodigital%2Fbootstrap-admin-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasterodigital%2Fbootstrap-admin-template/lists"}