Chamaac UI

Components

  • Overview

    • Introduction
  • Animated Icons

    • Icons Overview
  • Backgrounds

    • Interactive GridNew
  • Buttons

    • Buttons Overview
    • Premium Button
    • Glowing BorderNew
    • Shimmer Button
    • Slide Up Button
    • Focus Button
    • Neo Brutalist
  • Text Animations

    • Text LoopNew
    • Dancing Letters
    • Gif Text
  • Inputs

    • AI InputNew
  • Navigation

    • Dock
  • Sections

    • Stats CardsNew
    • Feature Steps
    • Gauge
  • Carousels

    • Carousel

Animated Icons

A collection of smooth, micro-interaction animations for your icons.

Text Loop

An animated text loop with typewriter and gradient effect.

Interactive Grid

A highly interactive, mouse-sensitive grid background rendered.

Stats Cards

A set of animated statistic cards with hover effects.

Gauge

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

Gif Text

A stunning text effect that uses a GIF as the fill color.

Premium Button

A collection of interactive and animated buttons for your applications.

Neo Brutalist Button

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

Glowing Border Button

A button with a glowing border effect.

Shimmer Button

A collection of interactive and animated buttons for your applications.

AI Input

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

Dancing Letters

A sleek, interactive text animation component with physics-based effects.

Slide Up Button

A collection of interactive and animated buttons for your applications.

Focus Button

A collection of interactive and animated buttons for your applications.

Carousel

A smooth, auto-playing 3D carousel component with layout animations using Framer Motion.

Dock

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

Feature Steps

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