https://github.com/shaunlwm/react-animated-heart

💗 A simple Twitter-like animated button
https://github.com/shaunlwm/react-animated-heart

react react-component reactjs reactjs-component twitter-heart

Last synced: 6 days ago
JSON representation

💗 A simple Twitter-like animated button

• Host: GitHub
• URL: https://github.com/shaunlwm/react-animated-heart
• Owner: ShaunLWM
• Created: 2020-01-10T09:00:30.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-28T00:23:49.000Z (7 months ago)
• Last Synced: 2025-04-20T12:10:52.601Z (9 days ago)
• Topics: react, react-component, reactjs, reactjs-component, twitter-heart
• Language: TypeScript
• Homepage:
• Size: 628 KB
• Stars: 40
• Watchers: 2
• Forks: 15
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-animated-heart

[!["Monthly Download"](https://img.shields.io/npm/dm/react-animated-heart.svg)](https://npmjs.org/package/react-animated-heart)

[!["Latest Release"](https://img.shields.io/npm/v/react-animated-heart.svg)](https://github.com/ShaunLWM/react-animated-heart/releases/latest)

[![MIT license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/ShaunLWM/react-animated-heart/blob/master/LICENSE)

A simple Twitter-like animated button. desperately needed it for one of my projects.

![script preview](img/ss.gif)

## Installation

```npm install react-animated-heart```

```yarn add react-animated-heart```

## Usage

```javascript

import React, { useState } from "react";

import Heart from "react-animated-heart";

export default function App() {

  const [isClick, setClick] = useState(false);

  return (

    


       setClick(!isClick)} />

    

  );

}

```


## License

MIT