Component Browser
BrowseBuild
Home/Browse/Timeline 16

Timeline 16

SliderButtonsBackground Image106 nodes ยท 41 styles
Timeline 16

Description

Horizontal timeline section with centered header, navigation arrows, horizontal progress line with date markers, and three visible timeline entry cards showing dates and descriptions

Detailed Analysis

This timeline features a centered header section with tagline, heading, paragraph, and buttons, followed by a horizontal timeline display. Left and right arrow buttons enable navigation through timeline entries. A horizontal progress line with circular date markers spans the width, showing three visible entries at a time. Each entry displays a date label and description paragraph below the timeline. Clean, minimalist design for browsable timelines.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

horizontal timelinetimeline slidernavigation arrowscarousel timelinedate markersprogress linecentered headertaglinemilestoneschronologicalbrowsable timelinethree columnsinteractive timelineminimal timeline

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "da470c28-0066-aa59-ca8a-61e2091c76ec",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "bacfd2ae-8916-c8fd-88f0-95a33d052140"
        ],
        "children": [
          "da470c28-0066-aa59-ca8a-61e2091c76ed"
        ]
      },
      {
        "_id": "da470c28-0066-aa59-ca8a-61e2091c76ed",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "da470c28-0066-aa59-ca8a-61e2091c76ee"
        ]
      },
      {
        "_id": "da470c28-0066-aa59-ca8a-61e2091c76ee",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)