1 variant

Like Button

Name: easeUI Pro
Price: 99.00 USD

A heart that pops, throws a ring of sparks and rolls its count up.

usage.tsx

import { LikeButton } from "@/components/registry/like-button";

export function PostActions({ post }) {
  return <LikeButton count={post.likes} defaultLiked={post.liked} onLikedChange={(liked) => savePostLike(post.id, liked)} />;
}

"use client";

import { Heart } from "lucide-react";
import { AnimatePresence, motion, useReducedMotion } from "motion/react";
import { useState } from "react";
import { cn } from "@/lib/utils";

export interface LikeButtonProps {
  /** The count before this viewer's like. */
  count?: number;
  liked?: boolean;
  defaultLiked?: boolean;

105 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/like-button