Like Button X Vue

A beautiful, animated like button component for Vue 3, featuring elastic animations and particle effects.

Features

• 💚 Vue 3 Support: Built for modern Vue applications.
• 🎨 Beautiful Animations: Elastic heart scaling and particle explosions.
• 💅 Tallwind CSS: Styled with Tailwind for easy customization.
• 🔢 Counter: Built-in numeric counter with rolling animations.
• 📱 Responsive: Works great on mobile and desktop.

Installation

pnpm add like-button-x-vue
# or
npm install like-button-x-vue
# or
yarn add like-button-x-vue

Usage

1. Import the styles: Attributes require the CSS to be imported globally or in your main entry file.

   // main.js or main.ts
   import 'like-button-x-vue/dist/style.css'

2. Import and use the component:

   <script setup>
   import { LikeButton } from 'like-button-x-vue'
   </script>
   
   <template>
     <LikeButton :initial-count="888" />
   </template>

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build library
pnpm build

# Build demo for deployment
pnpm build:demo

License

MIT © [Joeycz]