panzoom
react-resizable-and-movable
panzoom | react-resizable-and-movable | |
---|---|---|
4 | 9 | |
1,710 | 3,748 | |
- | - | |
4.4 | 0.0 | |
2 months ago | 12 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.
panzoom
-
I made a 2D version of Reddit with Svelte
Did you use a library for the panning and zooming? I only know https://github.com/anvaka/panzoom
-
I made an open source r/place canvas clone, using React and a Nodejs server. Come and draw something!
Client: I used React, Canvas API, and panzoom (amazing) library to make it possible. Source code
-
After 1 YEAR of hard work my NEW Ultimate Web Desktop Environment is ready for launch!!!!! 🎉🎉
Fullscreen & Zoom
-
Show HN: React Flow – library for creating node based editors and apps
I did a lot of data visualizations and I am big fan of d3. It's very robust software that works in all browsers. We are using d3-zoom for panning and zooming the pan but I am actually looking for an alternative to decrease the size of react flow. Maybe we will use this in the future https://github.com/anvaka/panzoom
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?
panzoom - A library for panning and zooming elements using CSS transforms :mag:
react-resizable-box - 📏 A resizable component for React.
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
react-pdf - Display PDFs in your React app as easily as if they were images.
video.js - Video.js - open source HTML5 video player
React PDF viewer - A React component to view a PDF document
butterfly - 🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
react-split-pane - React split-pane component
vue-panzoom - Vue plugin to zoom/pan dom elements
ruffle - A Flash Player emulator written in Rust
React - The library for web and native user interfaces.
angular-grid-layout - Responsive grid with draggable and resizable items for Angular applications.