Chamaac UI

DocsComponentsFavouritesSponsor

  • Overview

    • Get Started
    • Components
  • Animated Icons

    • Icons Overview
  • Backgrounds

    • Light SpeedNew
    • SynthesisNew
    • Electric MistNew
    • Astral Flow
    • Nebula
    • Grid Bloom
    • Liquid Chrome
    • Waves
    • Interactive Grid
  • Inputs

    • AI Input
  • Sections

    • How It Works
    • Stats Cards
    • Feature Steps
    • Gauge
  • Buttons

    • Buttons Overview
    • Premium Button
    • Glowing Border
    • Shimmer Button
    • Slide Up Button
    • Focus Button
    • Neo Brutalist
    • Hover Arrow
  • Text Animations

    • Text Loop
    • Dancing Letters
    • Gif Text
  • Navigation

    • Dock
  • Carousels

    • Carousel

Thumbs Up Icon

An animated thumbs up icon with a fun bounce effect.

Installation

npx shadcn@latest add https://chamaac.com/r/thumbs-up-icon.json

Props

PropTypeDefaultDescription
classNamestring-Custom class names for styling the SVG
sizenumber28Size of the icon in pixels
durationnumber0.8Duration of the animation in seconds
strokeWidthnumber2Stroke width of the icon
isHoveredbooleanfalseIf true, animation only plays on hover
repeatDelaynumber1.2Delay between animation loops in seconds
easeEasing"easeInOut"Animation easing function (e.g., 'linear', 'easeIn', 'easeOut', 'easeInOut')

Build with ❤️ by Amarnath Dhumal