Animated-heading NPM

Animated Heading

Install

npm i animated-heading

Example

live demo

import React from 'react';
import ReactDOM from 'react-dom';
import AnimatedHeading from 'animated-heading';

const App = () => {
 
  return (
      <div>
        <AnimatedHeading 
          fontSize={{ lg: 82, md: 66, sm: 50, xs: 36 }} 
          width={{ lg: 500, md: 400, sm: 300, xs: 220 }} 
          type="wave"
        >Hello World!</AnimatedHeading>
      <div/>
  );
};

ReactDOM.render(<App />, document.getElementById('root'));

Props

props	value
color	string here need to give color name or codedefault value various color
fontSize	objecthere need to specify font-size in different screendefault value { lg:82, md:66, sm:50, xs:36 }
width	objecthere need to specify total width of heading in different screendefault value { lg:500, md:400, sm:300, xs:220 }
type	stringdefault value 'wave'5 types of animation are available:'wave' , 'spring' , 'flip', 'rotate', 'swing'

If you like this package give your valuable feedback for improving this package. This is initial version so feel free to give feature request here dvlpralamin@gmail.com

@everything-registry/sub-chunk-1140

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago