Skip to content

michaelsboost/kodeWeave

Repository files navigation

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

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
  • daisyUI - A Tailwind CSS Component Library (used for the toggle switch)
  • 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
  • cdnjs - Used to easily add the latest libraries and frameworks in the app by a single search
  • marked - Used to convert markdown to html

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 :)

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