Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michaelsboost/html2json

A simple app that converts HTML to JSON and back. This is effective for utilization of a virtual dom like an app such as a website builder.
https://github.com/michaelsboost/html2json

converter dom generator html json vdom virtual virtual-dom

Last synced: 2 months ago
JSON representation

A simple app that converts HTML to JSON and back. This is effective for utilization of a virtual dom like an app such as a website builder.

Awesome Lists containing this project

README

        

# html2json

A simple app that converts HTML to JSON and back. This is effective for utilization of a virtual dom like an app such as a website builder.

![](https://raw.githubusercontent.com/michaelsboost/html2json/main/screenshot.png)

### Version
0.0.1

### Tech

html2json uses a number of open source projects to work properly:

* [Pico.css](https://picocss.com/) - Pico.css is a minimal css framework for semantic html (used for the app's UI)
* [Tailwind CSS](https://tailwindcss.com/) - A low-level CSS framework that's entirely utility-first and provides users with low-level CSS classes in PostCSS that can be used to define components and designs independently.
* [Font Awesome](https://fontawesome.com/) - a font and icon toolkit
* [FileSaver.js](https://github.com/eligrey/FileSaver.js/) - Client-side solution for saving files

### License
MIT

### Author

- [michael schwartz](https://michaelsboost.github.io/)

### Development

Want to contribute? Great!

You can submit a pull request or simply share the project :)

Of course html2json is free and open source, so you can always fork the project and have fun :)

[![ko-fi](https://az743702.vo.msecnd.net/cdn/kofi2.png?v=0)](https://ko-fi.com/michaelsboost)

If html2json was at all helpful for you. You can show your appreciation a few ways...

1) Check out my Graphic Design Course: https://michaelsboost.com/graphicdesign
2) Registering on my store as a customer: https://michaelsboost.com/store
3) Buying me a coffee! http://ko-fi.com/michaelsboost
4) Purchasing one of my t-shirts: https://michaelsboost.com/gear
5) Purchasing any of my art: https://deviantart.com/michaelsboost/prints
6) Donating via PayPal: https://michaelsboost.com/donate
7) Donating via Cash App: https://cash.me/$michaelsboost