Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frewtypebbles/dom-dragger
https://github.com/frewtypebbles/dom-dragger
Last synced: 14 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/frewtypebbles/dom-dragger
- Owner: FrewtyPebbles
- Created: 2023-09-18T04:56:45.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-06-18T02:41:38.000Z (8 months ago)
- Last Synced: 2024-06-18T04:26:28.251Z (8 months ago)
- Language: TypeScript
- Size: 332 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DOM Dragger
Dom Dragger is a visual drag and drop static web page builder written in typescript without any server side rendering. It can be used to build HTML pages without writing any HTML.
```
npm run build
```
## Features
- Scoped CSS that updates in real time.
- Draggable dom elements that makes visualizing and rearranging your web page easy.
- Copying and pasting dom elements visually makes it easier to componentize parts of your website.
- Robust undo and redo with *ctrl + z* and *ctrl + y*.
- Exports to a zip file containing an HTML file and an assets folder containing all assets used in your project.
- [Code Mirror 6](https://codemirror.net/) Javascript and CSS editor
- Available as a PWA
- Saving and Loading from browser storage
## To be Added Features
- Loading from uploaded html file
- Dynamic element attribute assignment editor
- In need of a visual update
- Support for assets other than images (such as video files, etc.)
## Potential Far Future Updates
- Multiple page support
- `` editor