Component Browser
BrowseBuild
Home/Browse/Event 15

Event 15

ImageSliderButtons218 nodes ยท 47 styles
Event 15

Description

Event slider section with horizontal carousel showing multiple event cards with date badges and navigation controls.

Detailed Analysis

This event component features a header area with tagline, 'Events' title, description, and 'View all' button. Below is a horizontal slider/carousel displaying event cards that extend beyond the viewport (indicated by partial card visibility on the right). Each card shows a large image placeholder with a date badge positioned in the upper right corner displaying day, date number, and month/year. Below each image is a category tag (black pill), event title, location, description text, and 'View event' link with arrow. Navigation includes pagination dots at bottom left and left/right arrow buttons at bottom right. The carousel format allows browsing through multiple events.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

eventsslidercarouselevent cardsdate badgenavigation dotsarrow navigationhorizontal scrollcategory tagmultiple events

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": "8b310605-7b85-e60f-1294-699a5da2f0a8",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "7b42ec49-8f3a-26de-0d36-6c3fb4d80e98"
        ],
        "children": [
          "8b310605-7b85-e60f-1294-699a5da2f0a9"
        ]
      },
      {
        "_id": "8b310605-7b85-e60f-1294-699a5da2f0a9",
        "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": [
          "8b310605-7b85-e60f-1294-699a5da2f0aa"
        ]
      },
      {
        "_id": "8b310605-7b85-e60f-1294-699a5da2f0aa",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)