Skip to content

michaelsboost/kodeWeave

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

172 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿงถ kodeWeave

Your on-the-go web development environment.

Build websites, apps, games, and Progressive Web Apps directly in your browser.

โšก No installation
๐ŸŒ Works offline
๐Ÿš€ Export as PWAs
๐Ÿ“ฑ Mobile & Desktop Friendly
๐Ÿ†“ Free & Open Source

kodeWeave
Screenshot

MIT License GitHub Stars GitHub Issues Follow @kodeweave_app


๐Ÿค” Why kodeWeave?

Most development environments ask:

"Have you installed everything yet?"

kodeWeave asks:

"What do you want to build?"


โšก Open the app
๐Ÿงช Choose a framework
๐ŸŽจ Start creating
๐Ÿš€ Ship when you're ready


No installation. No build tools. No package managers. No configuration headaches.

Just a fast, browser-based development environment that helps you go from idea to application.


๐ŸŽฎ Built with kodeWeave

kodeWeave isn't just for experiments.

It's been used to create real applications used by real people.

๐Ÿงญ Beacon Survival

An offline-first survival training and preparedness application.

๐ŸŒ https://michaelsboost.com/Beacon

Beacon


๐Ÿ‹๏ธ Rite Fitness Timer

A minimalist workout timer built for interval training, stretching, martial arts, and daily fitness routines.

๐ŸŒ https://michaelsboost.com/Rite

Rite


๐Ÿ“ˆ Chart Dojo

An interactive chart-reading dojo designed to sharpen trading intuition through repetition and practice.

๐ŸŒ https://michaelsboost.com/ChartDojo

Chart Dojo


๐Ÿš€ And Many More

Explore additional projects built with kodeWeave:

๐ŸŒ https://michaelsboost.com/kodeWeave


โœจ Why Developers Choose kodeWeave

๐ŸŒ Works completely offline

๐Ÿ“ฑ Designed for desktop and mobile devices

โš›๏ธ Experiment with frameworks instantly

๐Ÿ“ฆ No installation required

๐Ÿš€ Progressive Web App export built in

๐Ÿ–ผ๏ธ Built-in asset discovery tools

๐Ÿ”— Share projects through URLs

๐Ÿ“ธ Generate screenshots with a click

๐Ÿ†“ Free and open source


โšก Performance

kodeWeave is powered by JavaScript Proxies, a custom Virtual DOM, and a DOM diffing engine designed for speed and responsiveness.

Lighthouse Scores

โœ… Performance: 100
โœ… Accessibility: 93
โœ… Best Practices: 100
โœ… SEO: 100

Lighthouse Scores


๐Ÿ“ฐ Featured On

kodeWeave has been highlighted on several notable platforms:

๐ŸŒŸ Web Designer Depot
๐ŸŒŸ List Of Freeware
๐ŸŒŸ Bootstrap Dash
๐ŸŒŸ APTRON
๐ŸŒŸ Linux for Devices


๐Ÿš€ Try kodeWeave

Online

๐ŸŒ https://michaelsboost.com/kodeWeave/go

Run Locally

git clone https://github.com/michaelsboost/kodeWeave.git
cd kodeWeave
python3 -m http.server 8000

Open:

http://localhost:8000

๐Ÿ› ๏ธ Tech Stack

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

  • CodeMirror v6 โ€“ Powerful web-based text editor.
  • html2canvas โ€“ Capture screenshots in JavaScript.
  • JSZip โ€“ Package ZIP files locally in JavaScript.
  • FileSaver.js โ€“ Allows local file saving in JavaScript (prebuilt with JSZip).
  • cdnjs โ€“ Enables easy addition of the latest libraries and frameworks via search.
  • Emmet โ€“ CodeMirror plugin for Zen Coding.
  • Pico.css and Tailwind CSS โ€“ Styles the applicationโ€™s interface.
  • HeroIcons and Font Awesome โ€“ Icon libraries used in the UI. (Twitter logo icon was custom-designed.)
  • Openverse API โ€“ Enables users to search for images and audio files for their weave.
  • Iconify API โ€“ Allows users to search and add vector graphics (SVGs) to their weave.

๐Ÿค Contributing

kodeWeave is free and open-source, and contributions are always welcome.

How You Can Help:

๐Ÿ”น Submit a Pull Request โ€“ Found a bug? Have a feature idea? Let's build together!
๐Ÿ”น Spread the Word โ€“ Share kodeWeave with fellow developers & creators.
๐Ÿ”น Fork & Experiment โ€“ kodeWeave is yours to play withโ€”have fun with it!

If kodeWeave has been helpful to you, here are some ways you can show support:

ko-fi

โ˜• Buy me a coffee: ko-fi.com/michaelsboost
๐ŸŽจ Grab some of my art prints: DeviantArt Store
๐Ÿ‘• Get a kodeWeave T-shirt or gear: Merch Store
๐Ÿ“š Check out my Graphic Design Course: Learn Design
๐Ÿ›’ Register as a customer on my store: Visit Store
๐Ÿ’™ Donate via PayPal: Support via PayPal
๐Ÿ’ธ Donate via Cash App: Support via SquareCash

Your support helps keep kodeWeave free, open-source, and constantly improving. ๐Ÿš€


๐Ÿ‘‹ About the Creator

Created by Michael Schwartz

๐ŸŒ https://michaelsboost.com

Building tools, apps, and experiments that make technology more accessible, practical, and fun.

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.

Topics

Resources

License

Stars

Watchers

Forks

Contributors