Ribbon Carousel

A premium, modular React component from the React Bytes collection. Built with React and TypeScript.

Installation

npm install @reactbytes/ribbon-carousel

Usage

import { RibbonCarousel } from "@reactbytes/ribbon-carousel";

export default function Example() {
  return (
    <RibbonCarousel />
  );
}

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | sensitivity | number | 0.003 | Scrolling sensitivity velocity multiplier for the vertical path timeline. | | damping | number | 0.1 | Linear interpolation smoothing factor. Lower values mean a smoother catch-up with heavier premium scroll weight. |

Presets

This component includes the following design presets:

• Balanced Inertia (default)
• Snappy Track (snappy)
• Ultra Liquid (fluid)

Credits & Inspiration

Project Author

• ChandruMIT-o - Creator & Lead Designer

For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Ribbon Carousel.