react-resizable-and-movable
🖱 A resizable and draggable component for React. (by bokuweb)
BrowserFS
BrowserFS is an in-browser filesystem that emulates the Node JS filesystem API and supports storing and retrieving files from various backends. (by jvilk)
Our great sponsors
| react-resizable-and-movable | BrowserFS | |
|---|---|---|
| 9 | 10 | |
| 3,712 | 3,039 | |
| - | - | |
| 0.0 | 8.1 | |
| 5 days ago | about 1 month ago | |
| TypeScript | TypeScript | |
| MIT License | GNU General Public License v3.0 or later |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
react-resizable-and-movable
Posts with mentions or reviews of react-resizable-and-movable.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-06-14.
- PDF editing - client side with canvas or on server?
-
How I made a Desktop Environment in the Browser (Part 1: Window Manager)
The way I have setup this component is yet another wrapper, this time wrapping the functionality of dragging and resizing as well as styling the section HTML5 container element. The library I used for dragging and resizing is called react-rnd. For the styling I used Styled Components.
-
I made a no-code tool to create animated blog posts
I used react-rnd: https://www.npmjs.com/package/react-rnd for the draggable and resizable divs
-
Defining components using JSX vs. drawing with Canvas
https://www.npmjs.com/package/react-rnd try this
-
After 1 YEAR of hard work my NEW Ultimate Web Desktop Environment is ready for launch!!!!! 🎉🎉
Resizable and Draggable
-
Windows 10 Clone in the Browser - Project Update @ 9 Months
Drag/Resize Windows (React-Rnd)
-
Text scale down to fit
I'm also using https://www.npmjs.com/package/react-rnd if it's relevant, as well as Tailwind.
-
Just made a portfolio website simulating macOS's GUI using React and tailwindcss. Link and Github repo in comments!
I used package react-rnd: https://github.com/bokuweb/react-rnd
-
Stickley - An online post it board - Made with React, NextJs, Tailwind and Firebase. Link in comments
I used this - React-rnd. Works really good!
BrowserFS
Posts with mentions or reviews of BrowserFS.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-11-28.
-
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?
When comparing react-resizable-and-movable and BrowserFS you can also consider the following projects:
react-resizable-box - 📏 A resizable component for React.
Monaco Editor - A browser based code editor
react-pdf - Display PDFs in your React app as easily as if they were images.
eruda - Console for mobile browsers
React PDF viewer - A React component to view a PDF document
ruffle - A Flash Player emulator written in Rust
react-split-pane - React split-pane component
xterm.js - A terminal for the web
Next.js - The React Framework
angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
daedalOS - Desktop environment in the browser
react-resizable-and-movable vs react-resizable-box
BrowserFS vs Monaco Editor
react-resizable-and-movable vs react-pdf
BrowserFS vs eruda
react-resizable-and-movable vs React PDF viewer
BrowserFS vs ruffle
react-resizable-and-movable vs react-split-pane
BrowserFS vs xterm.js
react-resizable-and-movable vs ruffle
BrowserFS vs Next.js
react-resizable-and-movable vs angular-grid-layout
BrowserFS vs daedalOS