Timeline

Vertical timeline with sticky labels and a gradient beam that fills as you scroll.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://velora.colorlib.com/r/timeline.json

Files

• src/components/velora/timeline.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components
• Progress Components
• React Progress Components
• Tailwind CSS Progress Components
• Animated Progress Components

More from Velora UI

• Scroll Progress
• Tracing Beam
• 3D Card
• 3D Marquee
• 3D Pin
• Animated Beam
• Animated Gradient Text
• Animated List
• Animated Modal
• Animated Sidebar
• Animated Tabs
• Animated Testimonials