Interactive timeline with scroll-based navigation.

Features

• ✅ Zero dependencies - Pure React implementation
• ✅ Full accessibility - ARIA labels, keyboard navigation, screen reader support
• ✅ Theme support - Light, dark, and auto modes
• ✅ Reduced motion support - Respects user preferences

Customization

CSS Variables

Override these variables in your Webflow custom code or CSS:

--cc-radius: 8px; /* Border radius */--cc-line-color: #e5e7eb; /* Color */--cc-dot-color: #3b82f6; /* Color */--cc-active-color: #3b82f6; /* Active state color */

Webflow Classes

Target these classes in Webflow Designer for custom styles:

• .cc-interactive-timeline - Component wrapper