React Size Resources

react-native-size-scaling Provide solutions to make your app flexible for different screen sizes, different devices, based on your device's pixel rati

solid-boundaries Helps you to track the size and position of html-elements in solid-js. What does it do? See it in action here, or see it on CodeSandb

A react hook that calculates the distance that your components are offset and the size of the remaining viewport when iOS/Android mobile virtual keyboards open

useWindowSizes - a custom React hook A lightweight package to easily track window width & height in React.js Comes in handy for responsize design and

vue-screen-size Get easy and reactive access to the width and height of your screen. Links View demo View on npm View on GitHub Install # npm npm i vu

react-font-size-by-text-length Dynamic font size component for ReactJS Table of Contents Installation API documentation Examples Demos Installation To

Fluid Type Scale Calculator Generate font size variables for a fluid type scale

Rational Design is a tool for generating type-scales for greater consistency in design systems or web design projects. It’s built with React Hooks, SCSS, Webpack, and npm scripts, and is fully responsive.

react-dynamic-font This is a react component which made your text does not wrap and dynamically adjust the font size Sometimes we want some text to ha

React Font Size Changer React Font Size Changer is a simple React component including two buttons to increae and decrease font size of a target text.

use-fit-text React hook that iteratively adjusts the font size so that text will fit in a div. checks if text is overflowing by using scrollHeight and

react-multi-carousel 👋 Production-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-si

react-pulse-text What is this? React Pulse Text is a React component that allows you to animate the text of any property of another component. Install

React code splitting made easy. Reduce your bundle size without stress ✂️ ✨ . npm install @loadable/component Docs See the documentation at loadable-c

React AutoSizeTransition / 尺寸大小可以随着内容变化而动态变化 A component that scale dynamically according to the internal size Usage: yarn add auto-size-transition

React-Scrollbar-Size is a React hook designed to calculate the size of the user agent's horizontal and vertical scrollbars. It will also detect when the size of the scrollbars change, such as when the user agent's zoom factor changes.

react-native-storage This is a local storage wrapper for both react native apps (using AsyncStorage) and web apps (using localStorage). ES6 syntax, pr

React Native Text Size Measure text accurately before laying it out and get font information from your App (Android and iOS). There are two main funct

react-native-responsive-fontsize Use this library if you have a small problem with the font size 🎉 How to install yarn add react-native-responsive-fo

react-native-bundle-visualizer See what's inside of your react-native bundle 📦 Uses the awesome source-map-explorer to visualize the output of the Me

⚛️ A React Hook to monitor changes in the size of an element using native ResizeObserver API 🔍

An easy-to-use keyboard event react component, Can achieve a variety of custom keyboard functions, Package size less than 3kb

😎 ♻️ A tiny React hook for rendering large datasets like a breeze.

BundleMon BundleMon helps you to monitor your bundle size. Your goal is to keep your bundle size as small as possible to reduce the amount of time it

react-native-viewport Utility to get current size of the viewport. Add it to your project Run npm install react-native-viewport --save Open your proje

📐 react-native-size-matters A React-Native utility belt for scaling the size of your apps UI across different sized devices. Installation npm install

react-lite Introduction react-lite is an implementation of React that optimizes for small script size. Note: react-lite dose not support React v16.x n

About This package is useful for determining screen size type on web applications with respect to bootstrap 4 grid system. Install npm i react-hooks-s

react-hooks-image-size Custom React Hooks for image natural size. Install Note: Make sure that you have installed the correct version of react(= v16.

REACT COOL DIMENSIONS A React hook that measure an element's size and handle responsive components with highly-performant way, using ResizeObserver. T

@rehooks/window-size React hook for subscribing to window size Note: This is using the new React Hooks API Proposal which is subject to change until R

@rehooks/component-size Install yarn add @rehooks/component-size Usage import { useRef } from 'react' import useComponentSize from '@rehooks/component