Professional 7-Dashboards Bento Grid Ecosystem. Modular, animated dashboards with real metrics, themes, persistence. Contribute widgets via PR!
| SaaS Metrics | Dev Stats | Crypto/Portfolio | Personal | Home | Social | Productivity |
|---|---|---|---|---|---|---|
| MRR, Users, Churn | Commits, PRs, Streak | BTC, Altcoins, Fear | GitHub, Weather, Tasks | Smart Home, Bills | Twitter, YouTube | Pomodoro, Habits |
- 🧩 7 Live Dashboards - SaaS/Dev/Crypto/Personal/Home/Social/Productivity
- 📊 Charts & Animations - Recharts sparklines, Framer Motion, real-time Pomodoro
- 🎭 Dark/Light Themes - CSS vars, toggle, persistence
- 📱 Mobile-First - Responsive grid, touch tabs/select
- ⚡ Zero Config -
npm i && npm run dev - 🔄 Persistence - localStorage tabs/themes
- ✨ Glassmorphism UI - Shimmer loading, hovers
Copyright (c) 2026 OpenBento Team
We chose this license to empower you. You are free to:
- Commercialize: Use these templates for your startups, SaaS, or client projects.
- Modify: Tear the code apart, change the styling, and make it your own.
- Distribute: Share your versions of the Bento grids with the world.
While the license allows you to use the code freely, OpenBento is built as a Growth Engine for developers. We don't just provide "copy-paste" solutions; we provide real-world engineering scenarios.
By leaving intentional architectural puzzles (like the pers and soci dashboard bugs), we encourage:
- Active Learning: Moving beyond the "tutorial hell" by solving real breakages.
- Product Engineering: Thinking about how data flows from a config file to a UI component.
- Community Practice: Mastering the Pull Request flow in a supportive environment.
For the legal-minded, here is the official text included in this repository:
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
git clone https://github.com/yourusername/OpenBento
cd OpenBento
npm install
npm run devLive: http://localhost:3000
- Desktop - 4-col bento, scroll tabs
- Mobile - 2-col stack, select dropdown
- Add
app/components/widgets/YourWidget.tsx - Register in
dashboard-config.ts - PR → Featured in README!
See CONTRIBUTING.md
⭐ Remix + Vite + Tailwind + Recharts + ❤️ | Professional 7Dashboards Ready!