Spline βœ…

Goals

  • Allow your Spline elements to be slotted, by making them components

  • Allow that component to support bindable properties so that the Spline can be set per instance or via CMS Link binding, to a Link field

    • This encourages a valid URL

Properties

Property
Type
Description

Spline URL

Link

Width

String

Width measurement of the component Default 100%

Height

String

Height measurement of the component. Default 500px

Responsive

Boolean

Default true

Lazy Load

Boolean

Default false

Technical Notes

NC Analysis

Webflow has a Spline native component, and I've done some experiements to see if it can be adapted directly.

Webflow's pre-JS render;

Testing showed that a basic custom elements recreation of the Spline HTML has some problems;

  • Doesn't render in the designer

  • Appears to have rendering issues ( not investigated ) in the published HTML

  • Requires script hacks

    • To generate the UUID ID

    • To pull the URL from a Link field

Technical Notes

  • Component type: Standard

Last updated