react-mt-svg-lines

SVG animation tool

A React wrapper component to animate SVG stroke-dashoffset property with CSS or JavaScript animations.

A React.js wrapper component to animate the line stroke in SVGs

GitHub

363 stars
12 watching
23 forks
Language: JavaScript
last commit: over 7 years ago
Linked from 1 awesome list

css-animationshigher-order-componentpathreactjsstrokesvgtween

Backlinks from these awesome lists:

Related projects:

RepositoryDescriptionStars
merri-ment/lazy-line-painterA JavaScript library for creating and animating SVG paths1,975
lcdsantos/jquery-drawsvgA lightweight jQuery plugin to animate SVG paths using the built-in animation engine.773
moarwick/react-super-styledA React component library designed to accelerate building responsive JSX layouts with customizable styling and layout components.79
hellomichael/svg-animationAn SVG animation framework that uses JSON keyframes to simplify the process of creating complex animations.120
fullstackstation/react-native-svg-animated-linear-gradientAn animated linear gradient component for React Native SVGs435
wmaurer/cyclejs-fractalsA Cycle.js application that generates and animates SVG fractals.21
finnfiddle/react-svg-texturesA React library that simplifies the use of SVG patterns and shapes30
s2mr/elephantA Swift framework for creating elegant SVG animations141
chrvadala/react-svg-pan-zoomA React component that adds pan and zoom features to SVG images684
benjamminf/warpjsA JavaScript library for applying complex transformations to SVG graphics in the browser491
tkh44/data-driven-motionA React animation wrapper simplifying common motion APIs546
codrops/organicshapeanimationsProvides hover effects on images using SVG clipPath animation221
alexk111/svg-circusGenerates animated SVG animations for web applications319
jsmmth/react-avatar-generatorGenerates kaleidoscope patterns for user avatars in React applications68
kelsier90/react-pulse-textA React component for animating text properties of other components18