react-widgets
react-resizable-and-movable
react-widgets | react-resizable-and-movable | |
---|---|---|
1 | 9 | |
2,330 | 3,748 | |
- | - | |
3.4 | 0.0 | |
9 months ago | 11 days 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.
[0] https://react-select.com/
[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
[6] https://lmgtfy.app/?q=react+component+libraries
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?
formsy-material-ui - A Formsy compatibility wrapper for Material-UI form components
react-resizable-box - 📏 A resizable component for React.
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-pdf - Display PDFs in your React app as easily as if they were images.
formsy-react-components - Bootstrap components for a formsy-react form.
React PDF viewer - A React component to view a PDF document
react-input-enhancements
react-split-pane - React split-pane component
react-select - The Select Component for React.js
ruffle - A Flash Player emulator written in Rust
EmojiCompat
angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.