{"id":13540696,"url":"https://github.com/puikinsh/concept","last_synced_at":"2026-01-26T18:54:42.433Z","repository":{"id":41883520,"uuid":"158708307","full_name":"puikinsh/concept","owner":"puikinsh","description":"Free Bootstrap 4 admin dashboard template","archived":false,"fork":false,"pushed_at":"2023-06-15T15:37:31.000Z","size":5088,"stargazers_count":690,"open_issues_count":7,"forks_count":387,"subscribers_count":32,"default_branch":"master","last_synced_at":"2025-01-02T00:42:15.555Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/puikinsh.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}},"created_at":"2018-11-22T14:06:52.000Z","updated_at":"2025-01-01T20:39:09.000Z","dependencies_parsed_at":"2022-09-23T22:40:20.967Z","dependency_job_id":"ea932d4a-6a69-47c9-aceb-62c313a518df","html_url":"https://github.com/puikinsh/concept","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puikinsh%2Fconcept","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puikinsh%2Fconcept/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puikinsh%2Fconcept/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puikinsh%2Fconcept/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/puikinsh","download_url":"https://codeload.github.com/puikinsh/concept/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240065705,"owners_count":19742547,"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":"2024-08-01T10:00:28.970Z","updated_at":"2026-01-26T18:54:42.422Z","avatar_url":"https://github.com/puikinsh.png","language":"HTML","funding_links":[],"categories":["Awesome dashboards"],"sub_categories":["Free dashboards list for you to use in your projects"],"readme":"# Concept - Bootstrap 5 Admin Dashboard\n\nA modern, responsive admin dashboard template built with Bootstrap 5, featuring a clean design and comprehensive functionality for web applications.\n\n![Concept Bootstrap 5 Admin Dashboard](concept-bootstrap-5-admin-dashboard.png)\n\n## 🌟 Live Demo\n\nExperience the full power of Concept dashboard:\n\n**[View Live Demo →](https://colorlib.com/polygon/concept/index.html)**\n\nExplore all features, pages, and components in action. Perfect for evaluating the template before implementation.\n\n## Overview\n\nConcept is a modern admin template built from the ground up with Bootstrap 5.3.8, Vite 7.2.6, and ES6 modules. This jQuery-free dashboard provides a solid foundation for building admin panels, analytics dashboards, and management systems.\n\n## Features\n\n### Core Technologies\n- **Bootstrap 5.3.8** - Latest Bootstrap framework with modern components\n- **Vite 7.2.6** - Next-generation frontend tooling with lightning-fast HMR support\n- **Handlebars** - Template engine with reusable partials\n- **SCSS** - Advanced styling with variables and mixins\n- **ES6 Modules** - Modern JavaScript architecture\n- **jQuery-free** - Pure vanilla JavaScript implementation\n\n### Dashboard Pages\n- **E-commerce Dashboard** - Main dashboard with revenue cards, charts, and recent orders\n- **Finance Dashboard** - Financial metrics, transaction charts, and portfolio overview\n- **Sales Dashboard** - Sales funnel, team performance, and revenue analytics\n- **Influencer Dashboard** - Social media metrics, engagement tracking, and campaign performance\n\n### UI Components\n- **Cards** - Various card layouts with images, colors, borders, and lists\n- **Typography** - Complete typography showcase with Bootstrap 5 utilities\n- **Forms** - Form elements, validation, and multiselect components\n- **Charts** - Chart.js integration with line, bar, pie, and doughnut charts\n- **Tables** - Basic tables and DataTables integration with sorting/filtering\n\n### Applications\n- **Calendar** - Full-featured calendar with FullCalendar integration\n- **User Management** - User list with DataTables, filters, and bulk actions\n- **Timeline** - Activity feed with filters and real-time updates\n- **Settings** - Comprehensive settings page with multiple sections\n\n### Additional Pages\n- **404 Error Page** - Modern error page with helpful navigation\n- **Blank Page Template** - Starting point for custom pages\n\n## Installation\n\n### Prerequisites\n- Node.js 16.x or higher\n- npm 8.x or higher\n\n### Setup Instructions\n\n1. Clone or download the repository:\n```bash\ngit clone https://github.com/puikinsh/concept.git\ncd concept\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n3. Start the development server:\n```bash\nnpm run dev\n```\n\n4. Build for production:\n```bash\nnpm run build\n```\n\n5. Preview production build:\n```bash\nnpm run preview\n```\n\n### Code Quality Scripts\n\n```bash\n# Lint JavaScript files\nnpm run lint        # Auto-fix issues\nnpm run lint:check  # Check only\n\n# Format code with Prettier\nnpm run format       # Auto-format files\nnpm run format:check # Check formatting\n```\n\n## Project Structure\n\n```\nconcept/\n├── src/\n│   ├── assets/          # Static assets (images, fonts)\n│   ├── js/              # JavaScript modules\n│   │   ├── components/  # Reusable components\n│   │   └── pages/       # Page-specific scripts\n│   ├── pages/           # HTML pages\n│   │   ├── dashboards/  # Dashboard pages\n│   │   ├── ui-elements/ # UI component pages\n│   │   └── misc/        # Miscellaneous pages\n│   ├── partials/        # Handlebars partials\n│   │   └── layouts/     # Layout components\n│   ├── scss/            # SCSS styles\n│   │   ├── components/  # Component styles\n│   │   ├── layouts/     # Layout styles\n│   │   └── pages/       # Page-specific styles\n│   └── index.html       # Main entry point\n├── dist/                # Production build output\n├── docs/                # Documentation\n├── scripts/             # Build and utility scripts\n├── package.json         # Project dependencies\n└── vite.config.js       # Vite configuration\n```\n\n## Key Dependencies\n\n### Core\n- `bootstrap@5.3.8` - UI framework\n- `@fortawesome/fontawesome-free@7.1.0` - Icon library\n- `vite@7.2.6` - Build tool\n- `sass@1.94.2` - CSS preprocessor\n\n### JavaScript Libraries\n- `chart.js@4.5.1` - Charts and graphs\n- `datatables.net-bs5@2.3.5` - Advanced tables\n- `@fullcalendar/core@6.1.19` - Calendar functionality\n- `tom-select@2.4.3` - Enhanced select boxes\n\n### Build Tools\n- `vite-plugin-handlebars@2.0.0` - Handlebars support\n- `@vitejs/plugin-legacy@7.2.1` - Legacy browser support\n\n## Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n- Chrome Mobile (latest)\n- Safari Mobile (latest)\n\n## Development Guidelines\n\n### Adding a New Page\n\n1. Create the HTML file in `src/pages/`\n2. Add the page to `vite.config.js` in the `rollupOptions.input` section\n3. Create corresponding JavaScript in `src/js/pages/`\n4. Create SCSS file in `src/scss/pages/` and import in `main.scss`\n5. Update sidebar navigation in `src/partials/layouts/sidebar.hbs`\n\n### Component Structure\n\nJavaScript modules follow this pattern:\n```javascript\nexport function initializeComponent() {\n    // Component logic\n}\n\n// Auto-initialize on DOM ready\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initializeComponent);\n} else {\n    initializeComponent();\n}\n```\n\n### SCSS Organization\n\n- Use Bootstrap variables for consistency\n- Follow BEM naming convention where applicable\n- Keep component styles modular\n- Use mixins for repeated patterns\n\n## Performance Optimization\n\n- Vite's code splitting for optimal loading\n- Lazy loading for heavy components\n- Optimized images and assets\n- Minimal CSS with PurgeCSS in production\n- ES6 modules for tree shaking\n\n## Deployment\n\nThe production build can be deployed to any static hosting service:\n\n1. Build the project: `npm run build`\n2. Deploy the `dist/` folder to your hosting service\n3. Configure your server to serve `index.html` for all routes\n\n### Recommended Hosting\n- Netlify\n- Vercel\n- GitHub Pages\n- AWS S3 + CloudFront\n- Any static file server\n\n## 📚 Documentation\n\nComprehensive documentation is available in the `docs/` directory:\n\n- **[Getting Started](docs/getting-started/introduction.md)** - Introduction and overview\n- **[Quick Start Guide](docs/getting-started/quick-start.md)** - Get running in 5 minutes\n- **[Visual Installation Guide](docs/getting-started/visual-guide.md)** - Step-by-step with screenshots\n- **[Dashboard Overview](docs/dashboard-overview.md)** - All dashboard variants explained\n- **[Component Showcase](docs/components/showcase.md)** - Visual component examples\n- **[Deployment Guide](docs/deployment/complete-guide.md)** - Deploy to any platform\n- **[Customization](docs/customization/)** - Theme and component customization\n\n### 🚀 Important: Deployment Fix Applied\n\nNavigation links have been updated to work with static hosting. The template now deploys correctly to:\n- Netlify (with `_redirects` file included)\n- Vercel\n- GitHub Pages  \n- Traditional web servers\n- Docker containers\n\nSee the [Complete Deployment Guide](docs/deployment/complete-guide.md) for details.\n\n## Contributing\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 file for details.\n\n## 🔗 Related Resources\n\n### Premium Dashboard Collections\n\n**[DashboardPack.com](https://dashboardpack.com/)** - Premium dashboard templates and UI kits marketplace featuring Bootstrap, React, Vue, and Angular admin templates with live demos and multiple licensing options.\n\n### Colorlib Admin Dashboard Articles\n\n**[Colorlib.com](https://colorlib.com/)** - Free web design resources and template collections:\n\n- **[42 Free Bootstrap Admin Dashboard Templates 2025](https://colorlib.com/wp/free-bootstrap-admin-dashboard-templates/)** - Comprehensive collection including AdminLTE, Adminator, ArchitectUI, and more\n- **[42 Free HTML5 Admin Dashboard Templates 2025](https://colorlib.com/wp/free-html5-admin-dashboard-templates/)** - HTML5-based admin templates with responsive designs and Bootstrap framework\n\n### Popular Template Categories\n- **Finance \u0026 Analytics Dashboards** - Templates for financial data and reporting\n- **E-commerce Admin Panels** - Store management and inventory solutions  \n- **CRM \u0026 Sales Dashboards** - Customer relationship management interfaces\n- **Project Management** - Team collaboration and task tracking templates\n\n## Support\n\nFor support, please open an issue in the GitHub repository.\n\n## Changelog\n\n### Version 3.1.0 (2025-12-02)\n- Fixed js-yaml prototype pollution security vulnerability\n- Updated Vite to 7.2.6\n- Updated ESLint to 9.39.1\n- Updated all dependencies to latest stable versions\n- Zero security vulnerabilities\n- See [CHANGELOG.md](CHANGELOG.md) for detailed changes\n\n### Version 3.0.0 (2025-08-27)\n- Updated Bootstrap to 5.3.8\n- Added comprehensive CLAUDE.md documentation for AI-assisted development\n- ESLint and Prettier integration for code quality\n- See [CHANGELOG.md](CHANGELOG.md) for detailed changes\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpuikinsh%2Fconcept","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpuikinsh%2Fconcept","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpuikinsh%2Fconcept/lists"}