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.

Home Page:https://michaelsboost.com/kodeWeave/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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. kodeWeave also easily converts your app into a Progressive Web App so both mobile and desktop users can install and use your app offline!

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

License

MIT

Tech

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

  • Codemirror v6 - Awesome web-based text editor
  • Emmet - Codemirror Plugin for Zen Coding
  • Font Awesome v5 - Beautiful icon library and toolkit
  • Pico.css - Pico.css is a minimal css framework for semantic html
  • Tailwind CSS - 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.
  • JSZip - Package zip files locally in javascript
  • FileSaver.js - JSZip comes prebuilt with this. Allows us to save files locally in Javascript
  • panzoom - Used to pan and zoom the canvas

Development

Want to contribute? Great!

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

As of Sunday, May 12th, 2023 kodeWeave is no longer an active project. All updates as of that date and on are solely contributor based implementations.

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

ko-fi

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

About

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://michaelsboost.com/kodeWeave/

License:MIT License


Languages

Language:JavaScript 59.4%Language:CSS 40.4%Language:HTML 0.2%