{"id":14062860,"url":"https://github.com/webpixels/bootstrap-dashboard-kit","last_synced_at":"2025-04-14T06:21:29.300Z","repository":{"id":165386871,"uuid":"457349987","full_name":"webpixels/bootstrap-dashboard-kit","owner":"webpixels","description":"The perfect starting point for your next web app built with Bootstrap 5. A free and minimal starter kit to build fast and modern dashboards and applications.","archived":false,"fork":false,"pushed_at":"2022-02-10T15:58:14.000Z","size":5459,"stargazers_count":57,"open_issues_count":2,"forks_count":11,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T04:37:53.257Z","etag":null,"topics":["11ty-starter","bootstrap","bootstrap5","bootstrap5-template","dashboard-templates","html","sass","template","ui-components","ui-kit"],"latest_commit_sha":null,"homepage":"https://bootstrap-dashboard-kit.netlify.app","language":"Nunjucks","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/webpixels.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-02-09T12:31:14.000Z","updated_at":"2025-02-25T20:29:04.000Z","dependencies_parsed_at":"2024-07-22T04:16:00.344Z","dependency_job_id":null,"html_url":"https://github.com/webpixels/bootstrap-dashboard-kit","commit_stats":null,"previous_names":[],"tags_count":1,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpixels%2Fbootstrap-dashboard-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpixels%2Fbootstrap-dashboard-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpixels%2Fbootstrap-dashboard-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpixels%2Fbootstrap-dashboard-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webpixels","download_url":"https://codeload.github.com/webpixels/bootstrap-dashboard-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248830884,"owners_count":21168361,"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":["11ty-starter","bootstrap","bootstrap5","bootstrap5-template","dashboard-templates","html","sass","template","ui-components","ui-kit"],"created_at":"2024-08-13T07:02:47.215Z","updated_at":"2025-04-14T06:21:29.268Z","avatar_url":"https://github.com/webpixels.png","language":"Nunjucks","readme":"# Bootstrap Dashboard Kit\n\nThe perfect starting point for your next web app built with Bootstrap 5. A free and minimal starter kit to build fast and modern dashboards and applications.\n\n[\u003cimg src=\"https://www.netlify.com/img/deploy/button.svg\" /\u003e](https://app.netlify.com/start/deploy?repository=https://github.com/webpixels/bootstrap-dashboard-kit)\n\n\u003cimg src=\"https://repository-images.githubusercontent.com/457349987/98a31ae0-8150-47f0-b8cf-005303e643ea\" \u003e\n\n## Features\n\n* Includes Eleventy static site generator for building the layouts and pages\n* Includes Bootstrap (currently using v5) source files via npm\n* Includes Webpixels CSS as our design system based on Bootstrap 5\n* Includes npm scripts for compiling and autoprefixing Sass, compiling JS, watching for changes, and starting a basic local server\n* Example stylesheet (scss/main.scss)\n* Example JavaScript file (js/main.js) showing how to import all Bootstrap\n* HTML, CSS, and JS minification\n\n---\n\n## Getting Started\n\nFor easier asset management we've chosen [Parcel](https://parceljs.org/). If you want to see all the npm scripts included for this starter kit, open the `package.json` file.\n\nNext, navigate to the root folder of the site and run:\n\n```\nnpm install\n```\n\nTo run a local server and watch for changes:\n\n```\nnpm start\n```\n\nTo build for production:\n\n```\nnpm run build\n```\n\nFor additional eleventy commands, visit the [Eleventy command line usage page](https://www.11ty.dev/docs/usage/).\n\n---\n\n## Highlights\n\nOur products are architected as an extension of Bootstrap, built for a specific set of problems. This means not only extending the base components of Bootstrap, but also adding completely new components, utilities, and plugins. Our themes are also different for several reasons:\n\n### No custom CSS code\n\nInstead of creating new custom CSS classes, we have used utilities to avoid duplicate code and keep the code very clean. Every time you need a custom style or behavior for your components, try using our extended set of [utility classes generated with the Bootstrap API](https://webpixels.io/docs/css/1.0/position)\n\n```html\n\u003cdiv class=\"card\"\u003e\n    \u003cdiv class=\"card-body\"\u003e\n        \u003cdiv class=\"row\"\u003e\n            \u003cdiv class=\"col\"\u003e\n                \u003cspan class=\"h6 font-semibold text-muted text-sm d-block mb-2\"\u003eBudget\u003c/span\u003e\n                \u003cspan class=\"h3 font-bold mb-0\"\u003e$750.90\u003c/span\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-auto\"\u003e\n                \u003cdiv class=\"icon icon-shape bg-tertiary text-white text-lg rounded-circle\"\u003e\n                    \u003ci class=\"bi bi-credit-card\"\u003e\u003c/i\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mt-2 mb-0 text-sm\"\u003e\n            \u003cspan class=\"badge badge-pill bg-soft-success text-success me-2\"\u003e\n                \u003ci class=\"bi bi-arrow-up me-1\"\u003e\u003c/i\u003e30%\n            \u003c/span\u003e\n            \u003cspan class=\"text-nowrap text-xs text-muted\"\u003eSince last month\u003c/span\u003e\n        \u003c/div\u003e  \n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Fully customizable via Sass variables\n\nAll the components are fully customizable via Sass variables and fully responsive to help you build your own dashboard designs with the most popular grid system included in Bootstrap 5. Learn more about [how to build your own branded theme](https://webpixels.io/docs/css/1.0/theme) in minutes\n\n[**Documentation →**](https://webpixels.io/docs/css/)\n\n### Webpixels CSS Framework\n\nUtility and component-centric Design System based on Bootstrap for fast, responsive UI development.\n\n**[Learn more »](https://github.com/webpixels/css)**\n\n---\n\n## Premium Version\n\nIf you'd like to explore the full list of features, we've created a standalone version based on this dashboard kit that includes:\n\n- 500+ ready-to-use customizable UI components\n- 33+ pre-built pages and layouts\n- All-set authentication flow: login, sign up, forgot password, profile flows\n- Built-in apps: Project Management, Kanban\n- Fully customized charts using the Apex Charts plugin\n\n- [Product Details](https://webpixels.io/themes/clever-admin-dashboard-template)\n- [Live Preview](https://clever-dashboard.webpixels.work/)\n\nor you can get unlimited access to all the components and templates by upgrading to PRO.\n\n## Upgrade to Pro\n\nOne of the benefits you get when working with our themes, free or premium, is that you can extend the default features with any of the [components and templates](https://webpixels.io/components) available on Webpixels.\n\n[**Get Pro Access →**](https://webpixels.io/plans)\n\n## Useful Resources\n\nGet updates on the development of our tools, components, or themes, and chat with the project maintainers and community members.\n\n- Follow [@webpxs](https://twitter.com/intent/user?screen_name=webpxs) on Twitter\n- Read and subscribe to [The Official Webpixels Blog](https://webpixels.io/blog)\n- Get inspired through our designs on [Dribbble](https://dribbble.com/webpixels)\n- Check out our open-source projects on [Github](https://github.com/webpixels)\n\n## Copyright\n\nMade with ❤️ by [Webpixels](https://webpixels.io). Open-sourced software licensed under the MIT license.\n","funding_links":[],"categories":["Nunjucks"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebpixels%2Fbootstrap-dashboard-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebpixels%2Fbootstrap-dashboard-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebpixels%2Fbootstrap-dashboard-kit/lists"}