react-animated-social-icons

Minimalistic animation library of svg icons to redirect users to your social webpages

Usage no npm install needed!

<script type="module">
  import reactAnimatedSocialIcons from 'https://cdn.skypack.dev/react-animated-social-icons';
</script>

README

React Animated Social Icons

Build Status

A minimalistic animation library of svg icons to redirect users to your social webpages!

icons snapshot Icons made by Pixel perfect from www.flaticon.com

:page_with_curl: Download/Install

$ npm install react-animated-social-icons --save

This package has @emotion as a peer dependency. Make sure to install them if you don't have them already.

$ npm install @emotion/core @emotion/styled --save-dev

:+1: Usage

Customize your icon interactions with the animation prop.

import {AnimatedSocialIcon} from 'react-animated-social-icons'

<AnimatedSocialIcon
    brandName="github"
    url="https://github.com/meko-deng/react-animated-social-icons"
    animation="bounce"
    defaultColor="#D1D1D1"
    hoverColor="black"
    width="2em"
    animationDuration={0.8}
    style={{padding: '5em'}}
    />

Live Demo

Documentation

For a full list of functionalities, check out the Documentation

:writing_hand: Want to Contribute?

If you found a bug, or have any questions. Do post an issue

Pull requests are welcome!