A modern, intuitive, and extensible dashboard solution for data visualization and monitoring.
Dashbore is an open-source dashboard framework designed with simplicity and extensibility in mind. It provides a beautiful, user-friendly interface for creating and managing data visualizations, making it perfect for both technical and non-technical users.
- 🎨 Intuitive UI: Clean, modern interface that's easy to navigate
- 🔌 Extensible Architecture: Easily add new components and data sources
- 📊 Multiple Visualization Types: Support for charts, tables, and custom widgets
- 🎯 Responsive Design: Works seamlessly across all devices
- 🔄 Real-time Updates: Live data streaming capabilities
- 🛠️ Customizable Themes: Light and dark mode support
- 🔐 Authentication: Built-in user management and access control
- 📱 Mobile-Friendly: Optimized for both desktop and mobile viewing
- Clone the repository:
git clone https://github.com/yourusername/dashbore.git
cd dashbore- Install dependencies:
npm install- Start the development server:
npm run dev- Create a New Dashboard
import { Dashboard } from 'dashbore';
const dashboard = new Dashboard({
title: 'My Dashboard',
theme: 'light'
});- Add Widgets
dashboard.addWidget({
type: 'chart',
title: 'Sales Overview',
data: salesData,
config: {
type: 'line',
options: {
// Chart configuration
}
}
});- Customize Layout
dashboard.setLayout({
columns: 12,
widgets: [
{ id: 'sales', x: 0, y: 0, width: 6, height: 4 },
{ id: 'revenue', x: 6, y: 0, width: 6, height: 4 }
]
});import { Widget } from 'dashbore';
class CustomWidget extends Widget {
constructor(config) {
super(config);
// Custom widget implementation
}
render() {
// Custom rendering logic
}
}import { DataSource } from 'dashbore';
class CustomDataSource extends DataSource {
async fetch() {
// Custom data fetching logic
}
}We welcome contributions! Please follow these steps:
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to all our contributors
- Built with ❤️ by the Dashbore team