resize-observer
react-resizable-and-movable
Our great sponsors
resize-observer | react-resizable-and-movable | |
---|---|---|
2 | 9 | |
940 | 3,700 | |
0.2% | - | |
1.8 | 0.0 | |
10 months ago | 7 days ago | |
TypeScript | TypeScript | |
Apache License 2.0 | 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.
resize-observer
-
How to use Resize Observer with React
Uses @juggle/resize-observer as a ponyfill when ResizeObserver isn't supported by the current browser,
-
Quick guide to Resize Observer
Despite the fact that ResizeObserver API is still in Editorβs Draft(still in progress), according to Can I use its global 94.13% support is pretty impressive. There is also a nice and powerful polyfill that allows you to use it in older browsers (even IE 9-10 π).
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?
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
react-resizable-box - π A resizable component for React.
Angular - Deliver web apps with confidence π
react-pdf - Display PDFs in your React app as easily as if they were images.
resize-observer
React PDF viewer - A React component to view a PDF document
ionic - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript. [Moved to: https://github.com/ionic-team/ionic-framework]
react-split-pane - React split-pane component
react-hook - β© Strongly typed, concurrent mode-safe React hooks
ruffle - A Flash Player emulator written in Rust
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.