|
1 |
| -# Light Blue - HTML5 Version |
| 1 | +# 🚀 Light Blue HTML5 - A Free Transparent Bootstrap Dashboard! |
2 | 2 |
|
3 |
| -## Quick Start |
| 3 | +[View Demo](https://flatlogic.com/templates/light-blue-html5/demo) | [Download](https://github.com/flatlogic/light-blue-html5/archive/refs/heads/master.zip) | [More Templates](https://flatlogic.com/templates) | [Discord Community](https://discord.gg/flatlogic-community) | [Support Forum](https://flatlogic.com/forum) |
4 | 4 |
|
5 |
| -#### 1. Get the latest version |
| 5 | +**Originally a premium product priced at $69+, made available for free in January 2025!** 🎉 |
6 | 6 |
|
7 |
| -You can start by cloning the latest version of Sing App Lite on your local machine by running: |
| 7 | +Looking for a perfect codebase generator for your Startup? Try [Flatlogic AI Web App Generator](https://flatlogic.com/generator) - our new tool, sort of a template++. |
8 | 8 |
|
9 |
| -```shell |
10 |
| -$ git clone -o light-blue-html5 -b master --single-branch \ |
11 |
| - https://github.com/flatlogic/light-blue-html5.git MyApp |
12 |
| -$ cd MyApp |
13 |
| -``` |
| 9 | +--- |
14 | 10 |
|
15 |
| -#### 2. Run `yarn` |
| 11 | +## 🎯 Why Light Blue HTML5? |
| 12 | +- **Ex-Premium**: This template was previously paid. Enjoy it for free now. 😉 |
| 13 | +- **No Framework Dependency**: Built with Bootstrap and pure JavaScript, no clutter. |
| 14 | +- **Join the Community**: [Flatlogic Discord](https://discord.gg/flatlogic-community) is where the action happens. |
| 15 | +- **Free Node.js Backend**: Pair it up with [this backend](https://github.com/flatlogic/nodejs-backend) to go full-stack. |
16 | 16 |
|
17 |
| -This will install run-time project dependencies and developer tools listed in [package.json](../package.json) file. |
| 17 | +--- |
18 | 18 |
|
19 |
| -#### 3. Run `yarn build` |
| 19 | +## 🚀 Quick Start |
20 | 20 |
|
21 |
| -This command will build the app from the source files (`/src`) into the output `/dist` folder. Then open `dist/index.html` in your browser. |
| 21 | +1. **Clone the repo** |
| 22 | + ```bash |
| 23 | + git clone https://github.com/flatlogic/light-blue-html5.git |
| 24 | + cd light-blue-html5 |
| 25 | + ``` |
| 26 | +2. **Install dependencies** |
| 27 | + ```bash |
| 28 | + yarn install # Or npm install |
| 29 | + ``` |
| 30 | +3. **Build the app** |
| 31 | + ```bash |
| 32 | + yarn build |
| 33 | + ``` |
| 34 | + Then open `dist/index.html` in your browser. |
22 | 35 |
|
23 |
| -Now you can open your web app in a browser, on mobile devices and start |
24 |
| -hacking. Then open `dist/dashboard/index.html` in your browser. The page must be served from a web server, e.g. apache, nginx, WebStorm built-in web server, etc., otherwise some features may not work properly. |
| 36 | +4. **Watch for changes** |
| 37 | + ```bash |
| 38 | + yarn watch |
| 39 | + ``` |
| 40 | + This will watch for changes and recompile SCSS styles and Handlebars templates. |
25 | 41 |
|
26 |
| -#### 3. Run `yarn watch` |
| 42 | +--- |
27 | 43 |
|
28 |
| -This command will watch for changes in `/src` and recompile handlebars' templates & scss styles on the fly into html & css accordingly. |
| 44 | +## 🧩 Features |
| 45 | + |
| 46 | +- Over 30 Unique Pages |
| 47 | +- Fully Responsive |
| 48 | +- Three Color Schemes |
| 49 | +- Deep Background |
| 50 | +- 8 Chart Libraries |
| 51 | +- Developer-Oriented Dashboard |
| 52 | +- Easily Customizable Widgets |
| 53 | +- Fully Documented Codebase |
| 54 | + |
| 55 | +--- |
| 56 | + |
| 57 | +## 🛠 Built With |
| 58 | +- Bootstrap 3 |
| 59 | +- HTML5 |
| 60 | +- JavaScript (ES6) |
| 61 | +- SASS |
| 62 | + |
| 63 | +--- |
| 64 | + |
| 65 | +## 📦 Components |
| 66 | +- Dashboards (Analytics, Traffic Sources) |
| 67 | +- UI Elements (Dialogs, Notifications, Tabs, Accordion) |
| 68 | +- Forms (Validation, Wizard, Elements) |
| 69 | +- Charts (Flot, Morris, Sparkline, Easy Pie Charts) |
| 70 | +- Tables (Static, Dynamic) |
| 71 | +- Pages (Profile, Calendar, E-commerce, Chat, Error) |
| 72 | +- Maps (Google, Vector) |
| 73 | + |
| 74 | +--- |
| 75 | + |
| 76 | +## 🌍 Available Variants |
| 77 | + |
| 78 | +| | **Material** | **Transparent** | **Classic** | **Sofia** | **Flatlogic** | |
| 79 | +|---------------|-----------------------------------------------------------|---------------------------------------------------------|-------------------------------------------------------|-----------------------------------------------------|----------------------------------------------------| |
| 80 | +| **React** | [React Material Admin](https://github.com/flatlogic/react-material-admin-full) | [Light Blue React](https://github.com/flatlogic/light-blue-react) | [Sing App React](https://github.com/flatlogic/sing-app-react) | [Sofia React](https://github.com/flatlogic/sofia-react) | [One React](https://github.com/flatlogic/one-react) | |
| 81 | +| **Angular** | [Angular Material Admin](https://github.com/flatlogic/angular-material-admin-full) | [Light Blue Angular](https://github.com/flatlogic/light-blue-angular) | [Sing App Angular](https://github.com/flatlogic/sing-app-angular) | - | - | |
| 82 | +| **Vue** | [Material Vue](https://github.com/flatlogic/material-vue-full) | [Light Blue Vue](https://github.com/flatlogic/light-blue-vue) | [Sing App Vue](https://github.com/flatlogic/sing-app-vue) | - | - | |
| 83 | +| **Bootstrap** | - | [Light Blue HTML5](https://github.com/flatlogic/light-blue-html5) | [Sing App HTML5](https://github.com/flatlogic/sing-app-html5) | - | [One Bootstrap](https://github.com/flatlogic/one-bootstrap-template-full) | |
| 84 | + |
| 85 | + |
| 86 | +Additionally, these templates are tailored for specific business needs: |
| 87 | +- [E-Commerce Frontend (React)](https://github.com/flatlogic/ecommerce-frontend) - A complete e-commerce solution. |
| 88 | +- [Bookkeeper UI (React)](https://github.com/flatlogic/bookkeeper-ui) - Accounting dashboard for finance management. |
| 89 | +- [User Management Template (React)](https://github.com/flatlogic/user-management-template) - User authentication and management. |
| 90 | + |
| 91 | +--- |
| 92 | + |
| 93 | +## 👨💻 How to Contribute |
| 94 | +- **Star this repo ⭐** - show some love. |
| 95 | +- **Report bugs** - but be nice. |
| 96 | +- **Join the [Discord](<insert-discord-invite-link>)** - meet fellow devs. |
| 97 | + |
| 98 | +--- |
| 99 | + |
| 100 | +## 🔥 About Flatlogic |
| 101 | +[Flatlogic AI Software Engineer](https://flatlogic.com/ai-software-development-agent) builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort. |
| 102 | + |
| 103 | +--- |
| 104 | + |
| 105 | +## 📜 License |
| 106 | +This template is free to use. Modify it, break it, make it your own. Just don’t try to sell it back to us. 😎 |
| 107 | + |
| 108 | +--- |
| 109 | + |
| 110 | +> **Questions or feedback?** |
| 111 | +> Join our [Flatlogic Community Discord](https://discord.gg/flatlogic-community) or visit our [support forum](https://flatlogic.com/forum). We might even reply! |
29 | 112 |
|
30 |
| -For more information please refer to full [documentation](https://demo.flatlogic.com/sing-app/documentation). |
|
0 commit comments