> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/cc/sygnal-media.md).

# Sygnal Media

{% hint style="success" %}
**QUESTIONS?  PROBLEMS?  FEATURE REQUESTS?** \
Contact me on [Sygnal's forum](https://sygnal-attr.discourse.group/c/general). 
{% endhint %}

## Components

The following code components are included in this library.  

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h3>Flipbook</h3><ul><li>Draggable image animation sequences </li><li>User controls the speed and direction</li><li>Great for hires 3D model renders</li><li>CMS support</li></ul></td><td><a href="/files/qilBsjUakXdbqPlhh9Mk">/files/qilBsjUakXdbqPlhh9Mk</a></td><td><a href="/pages/nk1xkdUeJkn9nJW3OklH">/pages/nk1xkdUeJkn9nJW3OklH</a></td></tr><tr><td><h3>Background Video</h3><ul><li>Internal and external MP4 URL support</li><li>CMS support</li><li>Play on hover mode, for interactive tiled displays </li></ul></td><td><a href="/files/RZVRnGwKzWjV7zpEI388">/files/RZVRnGwKzWjV7zpEI388</a></td><td><a href="/pages/ZxbB6pUff9m3tqzQwbw5">/pages/ZxbB6pUff9m3tqzQwbw5</a></td></tr><tr><td><h3>Audio Player</h3><ul><li>Audio player with waveform display</li><li>CMS support, including MP3s </li><li>Multi-player support- pauses all other players when a new one starts </li></ul></td><td><a href="/files/AevyQlrmDoivA1Quwpr4">/files/AevyQlrmDoivA1Quwpr4</a></td><td><a href="/pages/BFP6vBiI2IphqKq4NoHc">/pages/BFP6vBiI2IphqKq4NoHc</a></td></tr><tr><td><h3>Rive + Feathering</h3><ul><li>Canvas &#x26; WebGL2 support</li><li>Supports <strong>vector feathering</strong> </li><li>CMS bindable </li><li><em>No Interactions integration ( IX2 IX3 )</em></li></ul></td><td><a href="/files/JWecVrxIPa32rnH8SkGL">/files/JWecVrxIPa32rnH8SkGL</a></td><td><a href="/pages/2N42fRt8qRh2pSwuBzb2">/pages/2N42fRt8qRh2pSwuBzb2</a></td></tr><tr><td><h3>Spline</h3><ul><li>Spline 3D model viewer</li><li>CMS support</li></ul></td><td><a href="/files/W7XVemOQ8LUJphCVLqiP">/files/W7XVemOQ8LUJphCVLqiP</a></td><td><a href="/pages/EXw0ty5FLokb5eojKHvT">/pages/EXw0ty5FLokb5eojKHvT</a></td></tr></tbody></table>

## Version History

<table><thead><tr><th width="100.333251953125">Version</th><th width="499">Changes</th><th>Date</th></tr></thead><tbody><tr><td>v0.1.7</td><td>Renamed Rotate 360 to <a href="/pages/nk1xkdUeJkn9nJW3OklH">Flipbook</a></td><td>22-Oct-2025</td></tr><tr><td>v0.1.6</td><td><a href="/pages/nk1xkdUeJkn9nJW3OklH">Rotate 360</a> component</td><td>14-Oct-2025</td></tr><tr><td>v0.1.5</td><td><a href="/pages/2N42fRt8qRh2pSwuBzb2">Rive WebGL2</a> component </td><td>13-Oct-2025</td></tr><tr><td>v0.1.4</td><td><a href="/pages/ZxbB6pUff9m3tqzQwbw5">Background Video</a> component</td><td>08-Oct-2025</td></tr><tr><td>v0.1.2</td><td><a href="/pages/2N42fRt8qRh2pSwuBzb2">Rive</a> component</td><td>30-Sep-2025</td></tr><tr><td>v0.1.1</td><td><a href="/pages/EXw0ty5FLokb5eojKHvT">Spline</a> component</td><td>29-Sep-2025</td></tr><tr><td>v0.1.0</td><td><a href="/pages/BFP6vBiI2IphqKq4NoHc">Audio</a> components</td><td>26-Sep-2025</td></tr></tbody></table>

## Project Notes&#x20;

| Module         | Source | Version |
| -------------- | ------ | ------- |
| Deploy scripts | NPM    | 0.3.0   |