Chamaac UI

DocsComponentsFavouritesSponsor

  • Overview

    • Get Started
    • Components

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • SynthesisNew
    • Electric MistNew
    • Astral FlowNew
    • Nebula
    • Grid Bloom
    • Liquid Chrome
    • Waves
    • Interactive Grid

  • Inputs

    • AI Input

  • Sections

    • How It WorksNew
    • Stats Cards
    • Feature Steps
    • Gauge

  • Buttons

    • Buttons Overview
    • Premium Button
    • Glowing BorderNew
    • Shimmer Button
    • Slide Up Button
    • Focus Button
    • Neo Brutalist
    • Hover Arrow

  • Text Animations

    • Text LoopNew
    • Dancing Letters
    • Gif Text

  • Navigation

    • Dock

  • Carousels

    • Carousel

Get Started

Welcome to Chamaac UI! This guide will help you set up and start using our beautiful, animated components in your project.

Installation

Step 1: Initialize shadcn/ui (if not already done)

npx shadcn@latest init

Step 2: Add components from Chamaac UI

Browse our components and use the CLI command shown on each component page to add it to your project.

shadcn@latest add
npx shadcn@latest add https://chamaac.com/r/<Component>.json

Next Steps

You're all set! Here's what you can do next.

Browse Components

Explore our collection of animated UI components.

GitHub Repository

Star the repo, report issues, or contribute.

Build with ❤️ by Amarnath Dhumal