Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/michaelsboost/kodeweave
kodeWeave is your on the go coding playground! Design with TailwindCSS or Pico.css, see how your app or website will look and behave on a desktop.
https://github.com/michaelsboost/kodeweave
code coding development development-environment html javascript kodeweave pico-css picocss playground tailwind tailwind-css tailwindcss
Last synced: about 1 month ago
JSON representation
kodeWeave is your on the go coding playground! Design with TailwindCSS or Pico.css, see how your app or website will look and behave on a desktop.
- Host: GitHub
- URL: https://github.com/michaelsboost/kodeweave
- Owner: michaelsboost
- License: mit
- Created: 2023-03-02T14:27:03.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-14T21:07:59.000Z (3 months ago)
- Last Synced: 2024-09-15T05:41:18.329Z (3 months ago)
- Topics: code, coding, development, development-environment, html, javascript, kodeweave, pico-css, picocss, playground, tailwind, tailwind-css, tailwindcss
- Language: JavaScript
- Homepage: https://michaelsboost.com/kodeWeave/
- Size: 51.4 MB
- Stars: 6
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
kodeWeave
===================
kodeWeave is your on the go coding playground! Design with TailwindCSS, Pico.css or any library or framework of your choosing. See how your app or website will look and behave on a desktop.
If you've ever used jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and/or pastebin kodeWeave is the tool for you when you're away from a computer!
Version
-------------
1.2.3
License
-------------
MIT
Tech
-------------
kodeWeave uses a number of open source projects to work properly:
* [Codemirror v6](http://codemirror.net/) - Awesome web-based text editor
* [html2canvas](https://html2canvas.hertzen.com/) - Screenshots in Javascript
* [JSZip](https://stuk.github.io/jszip/) - Package zip files locally in javascript
* [FileSaver.js](https://github.com/eligrey/FileSaver.js/) - JSZip comes prebuilt with this. Allows us to save files locally in Javascript
* [cdnjs](https://cdnjs.com/api) - Used to easily add the latest libraries and frameworks in the app by a single search
* [Emmet](http://emmet.io/) - Codemirror Plugin for Zen Coding
* [Pico.css](https://picocss.com/) and [Tailwind CSS](https://tailwindcss.com/) - Used to design the Application's interface.
* [HeroIcons](https://heroicons.com/) and [Font Awesome](https://fontawesome.com/) - Icon library used for the app's ui. (I did have to design the twitter logo icon myself though)
* [Openverse Api](https://docs.openverse.org/api/guides/documentation.html) - Used for users to easily search for images and audio files to add to their weave.
* [Iconify Api](https://iconify.design/docs/api/) - Used for users to easily search for vector graphics (svgs) to add to their weave.
Development
-------------
Want to contribute? Great!
You can submit a pull request or simply share the project :)
Of course, kodeWeave is free and open source, so you can always fork the project and have fun :)
[](https://ko-fi.com/michaelsboost)
If kodeWeave 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 SquareCash: https://cash.me/$michaelsboost