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

Feature Steps

A dynamic feature showcase component with auto-playing steps and synchronized image transitions. Inspired from Opensox.

Mountain Adventure

A stunning mountain landscape captured at sunrise. The peaks are illuminated by the golden light of the morning sun.

City Lights

Night view of a vibrant city glowing with lights. The urban skyline reflects the energy and bustle of city life.

Forest Path

A peaceful walking trail surrounded by lush greenery. The path winds through the dense forest, offering a serene escape.

Mountain Adventure

Installation

npx shadcn@latest add https://chamaac.com/r/feature-steps.json

Props

PropTypeDefaultDescription
features*Feature[]-Array of feature objects containing title, content, and image.
autoPlayIntervalnumber6000Interval in milliseconds for auto-playing steps.
imageClassNamestring"h-[400px]"Tailwind class for the height of the image container, useful for mobile responsiveness.
classNamestring""Additional classes for the container.