Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/app-generator/free-site-builder
Free Site Builder - Open-Source Tool | Simpllo
https://github.com/app-generator/free-site-builder
buildinpublic dnd-builder free-builder free-page-builder free-site-builder freebuilder js-page-builder js-site-builder page-builder page-builder-bootstrap page-builder-free pagebuilder site-builder site-builder-bootstrap site-builder-free ui-builder vanilla-js-builder vanilla-page-builder website-builder
Last synced: 6 days ago
JSON representation
Free Site Builder - Open-Source Tool | Simpllo
- Host: GitHub
- URL: https://github.com/app-generator/free-site-builder
- Owner: app-generator
- License: other
- Created: 2023-06-28T06:21:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-03T16:55:06.000Z (about 1 year ago)
- Last Synced: 2024-10-11T04:43:31.396Z (29 days ago)
- Topics: buildinpublic, dnd-builder, free-builder, free-page-builder, free-site-builder, freebuilder, js-page-builder, js-site-builder, page-builder, page-builder-bootstrap, page-builder-free, pagebuilder, site-builder, site-builder-bootstrap, site-builder-free, ui-builder, vanilla-js-builder, vanilla-page-builder, website-builder
- Language: HTML
- Homepage: https://www.simpllo.com
- Size: 13.4 MB
- Stars: 300
- Watchers: 13
- Forks: 61
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-starz - app-generator/free-site-builder - Free Site Builder - Open-Source Tool | Simpllo (HTML)
README
# [Free Site Builder](https://www.simpllo.com/) `Simpllo`
**Free & [Open-Source Site Builder](https://www.simpllo.com/)** that uses `Vanilla JS` and a `Remote Server` for components injection - Actively supported by `AppSeed`.
- 👉 [Free Site Builder](https://www.simpllo.com/) - `Live DEMO` (BS5)
- ✅ **[Pixel BS5](https://www.simpllo.com/pixel/)** - `demo`
- ✅ **[Volt BS5](https://www.simpllo.com/volt/)** - `demo`
- 👉 [Free Site Builder](https://www.docs.simpllo.com/) - `Documentation`
- 🚀 [Join the Community](https://discord.gg/AWh6TFcEwU) - `Discord`
## Roadmap & [SPECS](https://docs.google.com/document/d/1YbmZro0b8ucMGE227xSMzcQGNbWgTaiOKfjgEW9RsWE/edit?usp=sharing)
| Status | Item | info |
| --- | --- | --- |
| ✅ | **Core** | `Vanilla JS` |
| ✅ | `Components/KIT` | **Bootstrap 5** |
| ✅ | `Components/KIT` | **[Pixel BS5](https://www.simpllo.com/pixel/)** |
| ✅ | `Components/KIT` | **[Volt BS5](https://www.simpllo.com/volt/)** |
| ✅ | **Components/KIT** | `Bootstrap 5` |
| ✅ | **Remote Components Server** | https://components-server.onrender.com/kits/bs5/ |
| ✅ | **Persistence** (local storage) | Save, Restore, Clear |
| ✅ | **One-Page Layout** | `Single Component` Drag & Drop |
| ✅ | **Component Customization** | Text-Only |
| ✅ | **Grid Components** | This allows to inject predefined rows (2,3,4 columns) |
| ✅ | **USE Remote Components** | `Yes` |
| ✅ | **Component Customization** | Texts, Links |
| ✅ | **Component Customization** | Images |
| ✅ | **Component Styling** | CSS, Classes |
| ✅ | **PAGE Customization** | CSS |
| ✅ | **PAGE Customization** | JS |
| ✅ | **Manage SEO** | Title, Description, Keywords |
| ✅ | **Handle Multiple Pages** | YES |
## `Compile the Builder`
> Tested with `Node 16.x, 18.x`.
```bash
$ git clone https://github.com/app-generator/free-site-builder.git
$ yarn
$ yarn dev # development (LIVE Reload)
```
## Components `Server` (distant)
> Managed by `Flask` (optional). By default, a **[LIVE Components Server](https://components-server.onrender.com/kits/)** is used.
```bash
$ cd free-site-builder/backend
$
$ virtualenv env
$ # Or
$ python -m venv env
$
$ source env/bin/activate # Linux
$ # Or
$ .\env\Scripts\activate # Windows
$
$ pip install -r requirements.txt
$ flask run --debug
```
Here is the output:
- `http://localhost:5000/`
- `http://localhost:5000/kits/`, returns available KITS
- 'material-kit'
- 'kit2'
- `http://localhost:5000/kits/material-kit/`, return `Material Kit` assets
```json
{
"name": "Material Kit BS5 ",
"version": "0.0.0",
"type": "kit",
"material-kit": {
"layouts": "base.html",
"components": {
"footers": {
"footer.html": "NA"
},
"headers": {
"header.html": "NA"
},
"navigation": {
"navigation.html": "NA"
},
"general": {
"section1.html": "NA"
}
}
}
}
```
## Add new component
- Navigate to `backend/apps/templates/bs5/components`
- create the component like `footer.html`
- Edit the file and add the HTML code
- Compute the `Base64` hash using service:
- https://www.base64encode.org/
- Update `info.json` and add the new component using existing category or a new one
- Syntax:
```json
... (truncated) ...
"components": {
"footer": {
"footer.html": "BASE64_Hash HERE"
},
}
... (truncated) ...
```
> NOTE: The UI Builder uses the `local storage` to cache the `info.json` pulled from the server.
In order to have the latest version, please open an incognito window or clean manually the data from the local storage.
## [License EULA ](https://github.com/app-generator/free-site-builder/blob/main/LICENSE.md)
For more information, contact [AppSeed](http://appseed.us/) `[email protected]`.
---
[Free Site Builder](https://www.simpllo.com/) - Provided by **AppSeed**.