panzoom
BrowserFS
panzoom | BrowserFS | |
---|---|---|
4 | 10 | |
1,710 | 3,042 | |
- | - | |
4.4 | 8.1 | |
2 months ago | about 2 months ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
panzoom
-
I made a 2D version of Reddit with Svelte
Did you use a library for the panning and zooming? I only know https://github.com/anvaka/panzoom
-
I made an open source r/place canvas clone, using React and a Nodejs server. Come and draw something!
Client: I used React, Canvas API, and panzoom (amazing) library to make it possible. Source code
-
After 1 YEAR of hard work my NEW Ultimate Web Desktop Environment is ready for launch!!!!! 🎉🎉
Fullscreen & Zoom
-
Show HN: React Flow – library for creating node based editors and apps
I did a lot of data visualizations and I am big fan of d3. It's very robust software that works in all browsers. We are using d3-zoom for panning and zooming the pan but I am actually looking for an alternative to decrease the size of react flow. Maybe we will use this in the future https://github.com/anvaka/panzoom
BrowserFS
-
JupyterLite is a JupyterLab distribution that runs in the browser
I think JupyterLite is using localStorage by default. But there are File System APIs for WASM and some external projects[0], I don't think they're yet integrated.
[0] https://github.com/jvilk/BrowserFS
-
5 Insane Features in my OS in the Browser!!! 🤯
I started my file system with BrowserFS which allowed me to setup IndexedDb as the main writeable location. When in Firefox Private mode it switches to an in memory file system which does not persist. Using BrowserFS also meant I could open ZIP and ISO files as if they were folders. I create a JSON file on build that has the initial public folder directory structure which is used as the readable portion of the file system via plain HTTP GET requests. I've also added the ability to extract RAR files, although I don't currently have it linked to File Explorer to see it's contents before extracting. I can also make and extract ZIP/ISO via fflate.
-
I've turned my personal website into a Web Desktop Environment and added client side Git to the terminal!
Thanks for the interest! To do git I used https://isomorphic-git.org/, the terminal is backed by https://xtermjs.org/ and the file system that it writes to is coming from https://github.com/jvilk/BrowserFS. This is all part of my side project (https://github.com/DustinBrett/daedalOS) to build a web desktop environment.
-
After 1 YEAR of hard work my NEW Ultimate Web Desktop Environment is ready for launch!!!!!
- https://github.com/jvilk/BrowserFS
Thanks, I'm glad to hear you liked it! I am using BrowserFS to create writeable data on IndexedDb.
-
After 1 YEAR of hard work my NEW Ultimate Web Desktop Environment is ready for launch!!!!! 🎉🎉
File System
-
Windows 10 Clone in the Browser - Project Update @ 9 Months
File System via HTTP & IndexedDb (BrowserFS)
-
Help Setting up emscripten retroarch build for browser based emulation
Generate an index with this script, save it inside the folder you want to serve https://github.com/jvilk/BrowserFS/blob/master/tools/XHRIndexer.coffee
-
Using BrowserFS with React Native
BrowserFS git repo, BrowserFS NPM package i'm using.
-
How I made a desktop environment in the browser
File system with drag & drop support (BrowserFS)
What are some alternatives?
panzoom - A library for panning and zooming elements using CSS transforms :mag:
eruda - Console for mobile browsers
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
Monaco Editor - A browser based code editor
video.js - Video.js - open source HTML5 video player
react-resizable-and-movable - 🖱 A resizable and draggable component for React.
butterfly - 🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
ruffle - A Flash Player emulator written in Rust
vue-panzoom - Vue plugin to zoom/pan dom elements
xterm.js - A terminal for the web
React - The library for web and native user interfaces.
Next.js - The React Framework