Loader 2

ImageBackground ImageList74 nodes · 26 styles

Description

Full-screen text-based loader displaying animated words on dark background

Detailed Analysis

This loader component shows centered white text on a black full-screen background. The text 'First word' suggests an animated sequence cycling through different words or phrases during loading. This text-based approach can display loading messages, brand taglines, or engaging content while users wait. The minimalist dark design maintains focus on the text content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

loadertext animationloading textdark backgroundfull screenword animationpreloaderanimated textloading messageblack backgroundcentered texttext loadermessage displayloading state

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1900",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-493",
              "playInReverse": false,
              "autoStopEventId": "e-1901",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": "%",
            "scrollOffsetValue": 0
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967e8|85d93c78-7439-37f0-e9b1-27c6995988bf",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967e8|85d93c78-7439-37f0-e9b1-27c6995988bf",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1680161881292,
          "eventTypeId": "SCROLL_INTO_VIEW",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-1901",
          "name": "",
          "action": null,
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": "%",
            "scrollOffsetValue": 0
          },
      
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-1900", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-493", "playInReverse": false, "autoStopEventId": "e-1901", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_START_ACTION" }, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": "%", "scrollOffsetValue": 0 }, "target": { "id": "6540ac58fa7ea7efe56967e8|85d93c78-7439-37f0-e9b1-27c6995988bf", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "6540ac58fa7ea7efe56967e8|85d93c78-7439-37f0-e9b1-27c6995988bf", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1680161881292, "eventTypeId": "SCROLL_INTO_VIEW", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "custom" }, { "id": "e-1901", "name": "", "action": null, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": "%", "scrollOffsetValue": 0 }, ... (truncated)