react-widgets
react-resizable-and-movable
Our great sponsors
react-widgets | react-resizable-and-movable | |
---|---|---|
1 | 9 | |
2,326 | 3,679 | |
- | - | |
3.4 | 1.0 | |
8 months ago | 1 day ago | |
TypeScript | 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.
react-widgets
-
Ask HN: What are the fundamental diffs between modern web vs. desktop UI models
@drowe859's answer was excellent.
The only thing I'd add is that there's _thousands_ of freely available React components, including dozens of implementations of the kinds of widgets you listed (treeviews, specific form input types, etc). Sometimes they're available as a one-off lib [0], a small focused lib with a few specific components [1] [2], or a giant kitchen sink lib with dozens or hundreds of components [3] [4] [5] [6].
So, those _do_ exist, and in a similar sense to Qt or Gtk.
[1] http://jquense.github.io/react-widgets/
[2] https://react-spectrum.adobe.com/react-spectrum/
[3] https://mui.com/
[4] https://react-bootstrap.github.io/
[5] https://retool.com/blog/react-component-libraries/#blueprint
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.
-
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)
-
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
What are some alternatives?
react-resizable-box - 📏 A resizable component for React.
react-pdf - Display PDFs in your React app as easily as if they were images.
React PDF viewer - A React component to view a PDF document
react-split-pane - React split-pane component
ruffle - A Flash Player emulator written in Rust
angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.
xterm.js - A terminal for the web
react-simple-chatbot - :speech_balloon: Easy way to create conversation chats
formsy-material-ui - A Formsy compatibility wrapper for Material-UI form components
react-dnr - Dragable and Resizable window build with React.js
Syncfusion React UI Components Library (Essential JS 2) - Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
react-input-enhancements