Skip to content

Commit 971fa7f

Browse files
authored
Update README.md
1 parent 2342e8f commit 971fa7f

File tree

1 file changed

+100
-18
lines changed

1 file changed

+100
-18
lines changed

README.md

+100-18
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,112 @@
1-
# Light Blue - HTML5 Version
1+
# 🚀 Light Blue HTML5 - A Free Transparent Bootstrap Dashboard!
22

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)
44

5-
#### 1. Get the latest version
5+
**Originally a premium product priced at $69+, made available for free in January 2025!** 🎉
66

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++.
88

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+
---
1410

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.
1616

17-
This will install run-time project dependencies and developer tools listed in [package.json](../package.json) file.
17+
---
1818

19-
#### 3. Run `yarn build`
19+
## 🚀 Quick Start
2020

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.
2235

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.
2541

26-
#### 3. Run `yarn watch`
42+
---
2743

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!
29112
30-
For more information please refer to full [documentation](https://demo.flatlogic.com/sing-app/documentation).

0 commit comments

Comments
 (0)