eruda
react-resizable-and-movable
Our great sponsors
eruda | react-resizable-and-movable | |
---|---|---|
35 | 9 | |
17,209 | 3,700 | |
1.7% | - | |
4.7 | 0.0 | |
about 1 month ago | 3 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
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.
eruda
-
A table that looks good on mobile and desktop
Could you inject it as a bookmarklet?
If not, you could probably just paste it into Eruda (https://eruda.liriliri.io/)
-
Devtools for Mobile Browsers
More details about that on their github page [1]. It seems you basically need to include a JS file from [their CDN](//cdn.jsdelivr.net/npm/eruda).
As someone who fondly remembers the early Firebug days, it is great to see this. It is very frustrating to me that tablets and phones are so powerful, but we can't do even basic dev stuff on them.
- Eruda: Dev Tools for Mobile Browsers
- Any good browsers with the ability to inspect webpages?
- Eruda: Web inspector console for mobile browsers
-
What are the current must-have extensions for Automatic1111?
If you're taking about the browser's javascript console, I've got a userscript with eruda over here. You can use it with tampermonkey or violentmonkey or so on in Firefox (stable Firefox mobile finally added tampermonkey to their approved list of Android extensions).
-
I've spent the last 2 years making a desktop environment in the browser to use as my personal website
I actually do allow Inspect on mobile if you right click the desktop (hold on mobile), using a library called Eruda (https://eruda.liriliri.io/). As for how I run flash, that is another library called Ruffle (https://ruffle.rs/).
react-resizable-and-movable
- 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!
What are some alternatives?
daedalOS - Desktop environment in the browser
react-resizable-box - 📏 A resizable component for React.
andure - DevTools for Android Chrome — works on any website, on any Chromium browser.
react-pdf - Display PDFs in your React app as easily as if they were images.
phonk - PHONK is a coding playground for new and old Android devices
React PDF viewer - A React component to view a PDF document
BrowserFS - BrowserFS is an in-browser filesystem that emulates the Node JS filesystem API and supports storing and retrieving files from various backends.
react-split-pane - React split-pane component
bromite-userscripts - User scripts for Bromite (mostly enhanced Ad/Annoyance Blocking)
ruffle - A Flash Player emulator written in Rust
djit.su - Reactive Editor
angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.