Top 6 Awesome React Resizable Component

Explore the top 6 awesome React resizable components to help you create responsive and interactive UI elements. These components offer a wide range of features, such as draggable handles, resizing constraints, and custom styles.

1.React resize panel

A very simple resizable panel as a React component. Demo here.

View On GitHub

2. Handle element resizes like it’s 2019!

Nowadays browsers have started to support element resize handling natively using ResizeObservers. We use this feature (with a polyfill) to help you handle element resizes in React.

Demo
Live demo

View On GitHub

3.React resizable rotatable draggable

A react widget that can be resized and rotated via a handler.

Demo: https://mockingbot.github.io/react-resizable-rotatable-draggable/

View On GitHub

4.React sizeme

Make your React Components aware of their width and/or height!

• Blazingly fast. 😛
• Responsive Components!
• Easy to use.
• Extensive browser support.
• Supports any Component type, i.e. stateless/class.
• Really small bundle size.

View On GitHub

5.React resizable box

Resizable component for React.

Live Demo
http://bokuweb.github.io/react-resizable-box/

View On GitHub

6.React-DnR

Draggable and Resizable window build with React.js.

Try it out here: http://yongxu.ren/react-DnR/

Live Demo
http://yongxu.ren/react-DnR/

View On GitHub

#reactjs #javascript