Skip to content
store
react-motion

Free alternatives to react-motion

50 free UI Libraries apps to use instead, best rated first.

Top picks

  1. R

    recharts

    Launch

    Recharts is a charting library for React, built on top of D3. You put charts together from React components (a chart, its axes, a grid, a tooltip, a legend, and lines, bars or areas), so a chart reads like the rest of your interface code in

  2. B

    Base UI

    Launch

    Base UI is a library of unstyled React components for building accessible user interfaces, from the people behind Radix, Floating UI and Material UI. Each component handles behavior, keyboard navigation and accessibility, but brings no visu

  3. D

    dom-helpers

    Launch

    dom-helpers is a tiny, modular JavaScript library of DOM utilities, kept by the React Bootstrap project. It wraps common DOM tasks such as adding event listeners, reading computed styles, measuring offsets and scroll positions, and toggling

    Open source

  4. R

    react-markdown

    Launch

    React component to render markdown

  5. R

    react-smooth

    Launch

    react animation library

  6. R

    React Navigation

    Launch

    React Navigation is the standard routing and navigation library for React Native apps, also supporting web. The repository on GitHub holds the code for its upcoming major version, React Navigation 8, in a monorepo, with the 7.x line as the

More UI Libraries apps

See all
7
S

@storybook/addon-docs

Storybook Docs: Document UI components automatically with stories and MDX

Launch
8
M

@mui/private-theming

Private - The React theme context to be shared between `@mui/styles`

Launch
9
A

ag-grid

The best JavaScript Data Table for building Enterprise Applications

Launch
10
R

react-modal

Accessible modal dialog component for React

Launch
11
Q

query-selector-shadow-dom

use querySelector syntax to search for nodes inside of (nested) shadow roots

Launch
12
R

react-dropzone

Simple HTML5 drag-drop zone with React.js

Launch
13
Q

qrcode.react

React component to generate QR codes

Launch
14
R

react-select

A Select control built with and for ReactJS

Launch
15
R

react-textarea-autosize

textarea component for React which grows with content

Launch
16
R

react-colorful

A tiny (3,1 KB) color picker component for React and Preact apps

Launch
17
A

@assistant-ui/react

Open-source TypeScript/React library

Launch
18
R

react-virtualized

React components for efficiently rendering large lists and tabular data

Launch
19
R

react-native-svg

SVG library for react-native

Launch
20
R

react-tabs

React tabs component

Launch
21
R

react-number-format

React component to format number in an input or as a text

Launch
22
R

react-draggable

React draggable component

Launch
23
E

echarts for react

Wrapper around beautiful Apache Echarts

Launch
24
R

react-native-web

React Native for Web

Launch
25
V

@visx/group

visx group

Launch
26
R

@rc-component/trigger

Popup trigger and alignment primitive for React

Launch
27
R

react-native-device-info

Device information for iOS and Android

Launch
28
R

react-quill

The Quill rich-text editor as a React component

Launch
29
U

uncontrollable

Wrap a controlled react component

Launch
30
V

virtua

A zero-config, fast and small virtual list

Launch
31
R

react-native-drawer-layout

Drawer component for React Native

Launch
32
R

@rc-component/portal

React Portal Component

Launch
33
R

react-player

A React component for playing a variety of URLs, including file paths, Mux

Launch
34
N

Nuxt.js

Versatile Vue.js Framework

Launch
35
R

react-toastify

React notification made easy

Launch
36
R

react-leaflet

React components for Leaflet maps

Launch
37
C

country-flag-icons

Vector (*.svg) country flag icons in 3x2 aspect ratio

Launch
38
R

react-confetti

React component to draw confetti for your party

Launch
39
R

react-scroll

React scroll component

Launch
40
A

@ant-design/fast-color

fast and small color class

Launch
41
A

@ant-design/react-slick

React port of slick carousel

Launch
42
R

react-input-mask

Input masking component for React. Made with attention to UX

Launch
43
R

@rc-component/tour

React tour Component

Launch
44
R

@rc-component/mutate-observer

React MutateObserver Component

Launch
45
R

react-image-crop

A responsive image cropping tool for React

Launch
46
R

react-paginate

A ReactJS component that creates a pagination

Launch
47
R

@react-native-community/datetimepicker

DateTimePicker component for React Native

Launch
48
R

rc-virtual-list

React Virtual List Component

Launch
49
R

react-native-vector-icons

Customizable icon sets with support for styling and image sources

Launch
50
R

react-inspector

Power of Browser DevTools inspectors right inside your React app

Launch

About react-motion

R

react-motion

A spring that solves your animation problems

React-Motion is a React animation library built around spring physics. Instead of hard-coded easing curves and durations, you set a stiffness and a damping value for a UI element and let the physics produce the motion. The project says this covers most component animations and that it handles interrupted animations without extra work, which is the usual source of awkward motion. You write a spring with a call such as spring(10, with stiffness and damping values), and pass it to components. The exports are spring, Motion, StaggeredMotion, TransitionMotion and a set of presets, and the library also offers a more powerful alternative to React's TransitionGroup. Its default stiffness is 170 and its default damping is 26, and a precision setting controls rounding. Installation is through npm, and the README warns that the Bower package must be installed from the bower.zip link instead of by name. The library works with React Native from version 0.18. The repository includes demos such as a simple transition, draggable balls, a TodoMVC list transition, a photo gallery and water ripples, which you can run locally in development or production mode.

View react-motionAll UI Libraries apps
Price
Free
Made by
chenglou
Category
UI Libraries
Website
github.com/chenglou/react-motion