---
title: "Timeline V1 — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Edi Priatama · Sections. Showcase experience"
canonical: "https://framer.elliotli.dev/component/timeline-v1"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Timeline V1

# Timeline V1

Showcase experience

[View on Framer](https://framer.com/marketplace/components/timeline-v1/?via=elliot-li)

![Timeline V1 preview image 1](https://framer.elliotli.dev/og/component/timeline-v1/8ea8a4ca524e519a/1600x1200.jpg)

## Summary

Showcase experience

## Description

cinematic timeline component designed to showcase experiences, project history, or company milestones with a highly immersive and modern aesthetic. Unlike traditional timelines, this component features a curved flowing connection line, glowing animated nodes, and asymmetric glassmorphism cards that alternate left and right. Each item animates smoothly into view on scroll, creating a dynamic storytelling experience.

## Customize Options

### Timeline Items

-   Year – Add and edit timeline year labels
    
-   Title – Customize each timeline heading
    
-   Description – Add detailed timeline descriptions
    

### Card Styling

-   Card Background Color – Customize timeline card background
    
-   Card Border Color – Set card border accent color
    
-   Card Padding – Control spacing inside timeline cards
    

### Point Styling

-   Point Color – Set the glowing timeline node color
    
-   Point Size – Adjust the size of timeline points
    

### Typography

-   Year Font – Customize year text styling
    
-   Year Color – Set the year text color
    
-   Title Font – Customize title text styling
    
-   Title Color – Set the title text color
    
-   Description Font – Customize description text styling
    
-   Description Color – Set the description text color
    

### Layout & Animation

-   Item Spacing – Control spacing between timeline items
    
-   Animation Delay – Adjust stagger animation timing
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #7175

## Details

- **Author**: Edi Priatama
- **Price**: $4.00
- **Published**: 2026-04-30
- **Updated**: 2026-05-07
- **Added**: 2026-04-06
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes