HomeBookmarks
Chamaac UIChamaac UI
Chamaac UI

Chamaac UI

CHby chamaac
8components174.5Kviews985bookmarks

Installs all 89 components. Without our CLI, run instead.

Auto-indexed

Chamaac UI contents

  • Shimmer ButtonShimmer Button

    Shimmer Button

  • Dancing Letters

    Dancing Letters

  • Nebula

    Nebula

  • Light Speed

    Light Speed

  • Synthesis Background

    Synthesis Background

  • Waves

    Waves

  • Electric Mist

    Electric Mist

  • Grid Bloom

    Grid Bloom

  • That's all 8 components

    About Chamaac UI

    Chamaac UI publishes a shadcn registry at chamaac.com, with 89 components installable through the shadcn CLI.

    Components
    89
    GitHub stars
    48
    Last commit
    Oct 30, 2026
    Repository
    amarnathdhumal/chamaacui

    Also in the Chamaac UI registry

    Copy a prompt for your agent, copy the install command, or open the docs that ship it.

    • Activity Icon

      activity-icon

      An animated activity icon with a heartbeat line.

      motion1 file
      Docs ↗
    • Adjustments Icon

      adjustments-icon

      An animated adjustments/settings icon with smooth motion effects.

      motion1 file
      Docs ↗
    • AI Input

      ai-input

      A polished AI input component with model selection, tools, file uploads, and smooth animations.

      motion, clsx, tailwind-merge, lucide-react1 file
      Docs ↗
    • Alert Icon

      alert-circle-icon

      An animated alert icon.

      motion1 file
      Docs ↗
    • Arrow Down Icon

      arrow-down-icon

      An animated arrow down icon.

      motion1 file
      Docs ↗
    • Arrow Down Left Icon

      arrow-down-left-icon

      An animated arrow down left icon.

      motion1 file
      Docs ↗
    • Arrow Down Right Icon

      arrow-down-right-icon

      An animated arrow down right icon.

      motion1 file
      Docs ↗
    • Arrow Left Icon

      arrow-left-icon

      An animated arrow left icon.

      motion1 file
      Docs ↗
    • Arrow Right Icon

      arrow-right-icon

      An animated arrow right icon that moves horizontally.

      motion1 file
      Docs ↗
    • Arrow Up Icon

      arrow-up-icon

      An animated arrow up icon.

      motion1 file
      Docs ↗
    • Arrow Up Left Icon

      arrow-up-left-icon

      An animated arrow up left icon.

      motion1 file
      Docs ↗
    • Arrow Up Right Icon

      arrow-up-right-icon

      An animated arrow up right icon.

      motion1 file
      Docs ↗
    • Astral Flow

      astral-flow

      A majestic, constantly breathing radial shader with deep cosmic wisps.

      three, @react-three/fiber, clsx, tailwind-merge1 file
      Docs ↗
    • Battery Icon

      battery-icon

      An animated battery icon.

      motion1 file
      Docs ↗
    • Bell Icon

      bell-icon

      An animated bell icon that rings.

      motion1 file
      Docs ↗
    • Calendar Icon

      calendar-icon

      An animated calendar icon.

      motion1 file
      Docs ↗
    • Cart Icon

      cart-icon

      An animated cart icon.

      motion1 file
      Docs ↗
    • Check Icon

      check-icon

      An animated check icon with drawing circle and checkmark.

      motion1 file
      Docs ↗
    • Chevron Down Icon

      chevron-down-icon

      An animated chevron down icon.

      motion1 file
      Docs ↗
    • Chevron Left Icon

      chevron-left-icon

      An animated chevron left icon.

      motion1 file
      Docs ↗
    • Chevron Right Icon

      chevron-right-icon

      An animated chevron right icon.

      motion1 file
      Docs ↗
    • Chevrons Down Icon

      chevrons-down-icon

      An animated chevrons down icon.

      motion1 file
      Docs ↗
    • Chevrons Left Icon

      chevrons-left-icon

      An animated chevrons left icon.

      motion1 file
      Docs ↗
    • Chevrons Right Icon

      chevrons-right-icon

      An animated chevrons right icon.

      motion1 file
      Docs ↗
    • Chevrons Up Icon

      chevrons-up-icon

      An animated chevrons up icon.

      motion1 file
      Docs ↗
    • Chevron Up Icon

      chevron-up-icon

      An animated chevron up icon.

      motion1 file
      Docs ↗
    • Clock Icon

      clock-icon

      An animated clock icon.

      motion1 file
      Docs ↗
    • Close Icon

      close-icon

      An animated close icon.

      motion1 file
      Docs ↗
    • Cloud Icon

      cloud-icon

      An animated cloud icon.

      motion1 file
      Docs ↗
    • Copy Icon

      copy-icon

      An animated copy icon with smooth motion effects.

      motion1 file
      Docs ↗
    • Credit Card Icon

      credit-card-icon

      An animated credit card icon.

      motion1 file
      Docs ↗
    • Crown Icon

      crown-icon

      An animated crown icon.

      motion1 file
      Docs ↗
    • Dock

      A navigation dock component with smooth animations and hover effects, perfect for desktop interfaces.

      motion, clsx, tailwind-merge, lucide-react1 file
      Docs ↗
    • Download Icon

      download-icon

      An animated download icon with a bouncing arrow.

      motion1 file
      Docs ↗
    • External Link Icon

      external-link-icon

      An animated external link icon.

      motion1 file
      Docs ↗
    • Eye Icon

      eye-icon

      An animated eye icon with blinking and looking animation.

      motion1 file
      Docs ↗
    • Feature Steps

      feature-steps

      A dynamic feature showcase with auto-playing steps and synchronized image transitions.

      motion, clsx, tailwind-merge1 file
      Docs ↗
    • Focus Button

      focus-button

      A button with a focus ring animation effect.

      clsx, tailwind-merge1 file
      Docs ↗
    • Gauge

      A customizable semi-circular gauge component for visualizing metrics and performance scores.

      motion, clsx, tailwind-merge1 file
      Docs ↗
    • Gift Icon

      gift-icon

      An animated gift icon.

      motion1 file
      Docs ↗
    • Globe Icon

      globe-icon

      An animated globe icon that rotates continuously.

      motion1 file
      Docs ↗
    • Glowing Border Button

      glowing-border-button

      A stylish button with a glowing border animation.

      clsx, tailwind-merge1 file
      Docs ↗
    • Heart Icon

      heart-icon

      An animated heart icon that beats.

      motion1 file
      Docs ↗
    • Hourglass Icon

      hourglass-icon

      An animated hourglass icon that rotates.

      motion1 file
      Docs ↗
    • Hover Arrow Button

      hover-arrow-button

      A button with a smooth hover arrow swap animation.

      motion, clsx, tailwind-merge, @tabler/icons-react1 file
      Docs ↗
    • Interactive Grid Background

      interactive-grid-background

      A highly interactive, mouse-sensitive grid background.

      motion, clsx, tailwind-merge1 file
    • Layers Icon

      layers-icon

      An animated layers icon.

      motion1 file
      Docs ↗
    • Lightbulb Icon

      lightbulb-icon

      An animated lightbulb icon with pulsing rays.

      motion1 file
      Docs ↗
    • Location Icon

      location-icon

      An animated location icon that rotates like a compass.

      motion1 file
      Docs ↗
    • Lock Icon

      lock-icon

      An animated lock icon that locks and unlocks.

      motion1 file
      Docs ↗
    • Mail Icon

      mail-icon

      An animated mail icon with a moving envelope flap.

      motion1 file
      Docs ↗
    • Menu Icon

      menu-icon

      An animated menu icon.

      motion1 file
      Docs ↗
    • Message Icon

      message-icon

      An animated message icon.

      motion1 file
      Docs ↗
    • Moon Icon

      moon-icon

      An animated moon icon.

      motion1 file
      Docs ↗
    • Music Icon

      music-icon

      An animated music icon with dancing notes.

      motion1 file
      Docs ↗
    • Neo Brutalist Button

      neo-brutalist-button

      A bold, retro-styled button with skewed design, offset shadow, and shimmer effect.

      clsx, tailwind-merge1 file
      Docs ↗
    • Premium Button

      premium-button

      An animated button with a dynamic arrow grid animation.

      clsx, tailwind-merge1 file
      Docs ↗
    • Refresh Icon

      refresh-icon

      An animated refresh icon that rotates.

      motion1 file
      Docs ↗
    • Rocket Icon

      rocket-icon

      An animated rocket icon with launch thrust animation.

      motion1 file
      Docs ↗
    • Scan Icon

      scan-icon

      An animated scan icon with a moving scan line.

      motion1 file
      Docs ↗
    • Search Icon

      search-icon

      An animated search icon.

      motion1 file
      Docs ↗
    • Send Icon

      send-icon

      An animated send icon with paper airplane flying motion.

      motion1 file
      Docs ↗
    • Settings Icon

      settings-icon

      An animated settings icon that rotates.

      motion1 file
      Docs ↗
    • Shield Icon

      shield-icon

      An animated shield icon.

      motion1 file
      Docs ↗
    • Slide Up Button

      slideup-button

      A button with a smooth slide-up text animation on hover.

      motion, clsx, tailwind-merge1 file
      Docs ↗
    • Sparkle Icon

      sparkle-icon

      An animated sparkle icon with twinkling stars.

      motion1 file
      Docs ↗
    • Star Icon

      star-icon

      An animated star icon that twinkles and rotates.

      motion1 file
      Docs ↗
    • Stats Cards

      stats-cards

      A set of animated statistic cards with hover effects.

      motion, clsx, tailwind-merge1 file
      Docs ↗
    • Sun Icon

      sun-icon

      An animated sun icon.

      motion1 file
      Docs ↗
    • Thumbs Up Icon

      thumbs-up-icon

      An animated thumbs up icon.

      motion1 file
      Docs ↗
    • Trash Icon

      trash-icon

      An animated trash icon.

      motion1 file
      Docs ↗
    • Upload Icon

      upload-icon

      An animated upload icon.

      motion1 file
      Docs ↗
    • Volume Icon

      volume-icon

      An animated volume icon with pulsing sound waves.

      motion1 file
      Docs ↗
    • Wavy Icon

      wavy-icon

      An animated wavy icon with smooth motion effects.

      motion1 file
      Docs ↗
    • Wifi Icon

      wifi-icon

      An animated wifi icon with pulsing signal bars.

      motion1 file
      Docs ↗
    • Zap Icon

      zap-icon

      An animated zap icon with electric flash effect.

      motion1 file
      Docs ↗

    From the Chamaac UI readme

    Chamaac UI

    A premium collection of modern, animated, and interactive UI components for React applications. Built with Tailwind CSS and Motion, Chamaac UI is designed to help you build stunning, high-performance web interfaces with ease.

    Features

    • Premium Design: Carefully crafted components with a focus on aesthetics and user experience.
    • Modern Stack: Built on top of React, Tailwind CSS, and Motion.
    • Copy & Paste: Designed to be easily integrated into your existing projects.
    • Fully Customizable: Flexible components that adapt to your design system.

    Getting Started

    Installation

    1. Clone the repository:
    git clone https://github.com/amarnath666/chamaacui.git
    
    1. Install dependencies:
    bun install
    
    1. Run the development server:
    bun run dev
    

    Contributing

    We welcome contributions from the community. Please read our Contribution Guidelines to get started.

    Support the Project

    If you find Chamaac UI helpful, please consider giving it a star.

    License

    This project is licensed under the MIT License.

    Read the rest on GitHub →

    Hooks and utilities

    • carousel

    Registries like Chamaac UI

    Animate UI

    Animate UI

    by Elliot Sutton

    34

    components

    Dali Agents

    Dali Agents

    by Liana Pepanyan

    46

    components

    00

    000h

    by Sanjay Kumar

    12

    components

    Efferd

    Efferd

    by Efferd

    115

    components

    Efferd

    Efferd

    by Efferd

    115

    components

    Browse every shadcn registry we track →

    1. Components
    2. /
    3. chamaac
    4. /
    5. Chamaac UI

    Related libraries

    AnimateIcons / Lucide

    AnimateIcons / Lucide

    by Avijit Dey

    434

    components

    Illos

    Illos

    by Naved

    23

    components

    SmoothUI

    SmoothUI

    by Edu Calvo

    96

    components

    Tailark

    Tailark

    by Méschac Irung

    56

    components

    Aceternity UI

    Aceternity UI

    by Manu Arora

    89

    components

    Efferd

    Efferd

    by Efferd

    115

    components

    About Chamaac UI

    Chamaac UI is a component library on 21st.dev by chamaac with 8 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 8 Chamaac UI components

    • Dancing Letters
    • Electric Mist
    • Grid Bloom
    • Light Speed
    • Nebula
    • Shimmer Button
    • Synthesis Background
    • Waves

    Browse all component libraries →