Feature 95 - Scrolling capability ticker rowsPro

Centered heading over three rows of capability chips drifting in alternating directions, with edge fades.

About Feature 95

Centered heading over three rows of capability chips drifting in alternating directions, with edge fades.

Feature 95 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 84 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • marquee
  • chips
  • capabilities
  • ticker

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add feature-95

Dependencies installed automatically: motion.

Uses: button, reveal, use-reduced-motion, utils.

Usage

import Feature95 from "@/components/blocks/feature-95"

export default function Page() {
  return <Feature95 />
}

FAQ