Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
React Content Loader | 12,768 | 309 | 249 | 18 days ago | 69 | March 09, 2022 | 9 | mit | TypeScript | |
⚪ SVG-Powered component to easily create skeleton loadings. | ||||||||||
React Transition Group | 9,718 | 47,715 | 4,686 | 9 days ago | 43 | August 01, 2022 | 216 | other | JavaScript | |
An easy way to perform animations when a React component enters or leaves the DOM | ||||||||||
Ramjet | 5,441 | 23 | 4 | 6 years ago | 9 | February 05, 2016 | 11 | mit | JavaScript | |
Morph DOM elements from one state to another with smooth animations and transitions | ||||||||||
Csshake | 4,634 | 50 | 7 | a year ago | 5 | May 03, 2022 | 1 | mit | SCSS | |
CSS classes to move your DOM! | ||||||||||
React Flip Move | 3,866 | 970 | 96 | 4 months ago | 95 | October 26, 2019 | 32 | mit | JavaScript | |
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. | ||||||||||
Islider | 1,658 | 9 | 3 | 4 years ago | 17 | July 09, 2018 | 62 | mit | JavaScript | |
Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App | ||||||||||
Watching You | 1,336 | 2 months ago | 1 | isc | TypeScript | |||||
watching-you is a javascript library for building animations that watch anything on DOM 👀. | ||||||||||
React Faux Dom | 1,219 | 438 | 76 | 3 years ago | 37 | March 31, 2019 | unlicense | JavaScript | ||
DOM like structure that renders to React (unmaintained, archived) | ||||||||||
Maquette | 736 | 82 | 29 | 17 hours ago | 66 | March 18, 2022 | 13 | mit | TypeScript | |
Pure and simple virtual DOM library | ||||||||||
React Gsap Enhancer | 693 | 72 | 14 | 5 years ago | 25 | September 25, 2016 | 19 | mit | JavaScript | |
Use the full power of React and GSAP together |
The source code can be found here
watching-you's storybook using react, but every framework can do the same thing!
https://jj811208.github.io/watching-you/storybook
The API is still subject to change until version 1.0.0 is released
If you use watching-you
directly without any compiler(babel), (e.g. Wordpress project using CDN import watching-you
)
Chrome | Firefox | Safari | Edge | Opera | iOS Safari/Chrome | Android Chrome | |
---|---|---|---|---|---|---|---|
Supported | 70+ | 73+ | 14.1+ | 80+ | 70+ | 14.1+ |
But if you use a compiler like babel and import polyfill, it can even support IE11
Some references:
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy
input
or textarea
, the text-align
attribute must be left
transform
attribute (let's say span
), so you have to give them the display
attribute to work properly. (see: https://stackoverflow.com/questions/24961795/how-can-i-use-css3-transform-on-a-span)transition: transform .1s
depending on your needs