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 [email protected]

© All Right Reserved by Alamin