LimotUse the downloaded HTML file directly. It includes the canvas, styles, and animation script.
<!-- cloud-sync.html -->
Paste into your page to runCloud Sync
About Cloud Sync
Documents fragment into a continuous stream, pass through cloud storage and rebuild on a laptop. Completed files return to the source along a lower arc, closing the loop. Featuring Continuous overlapping file transfers and Slow deterministic particle transport, this effect supports live adjustments, instant previews, and reusable exports in Limot.
Features
- Continuous overlapping file transfers
- Slow deterministic particle transport
- Intact document return loop
- Live appearance and standalone exports
Use cases
- Website heroes and brand landing pages
- Product demos and launch pages
- Video intros and social media assets
Configuration
Synced with the controlsAppearance
ParameterCode keyCurrent value
Background color
backgroundColor#111111Line color
lineColor#f4f3efScale
scale100%Motion
ParameterCode keyCurrent value
Speed
speed1Integration
Ready to use in your projectAdd the JSX file to your project and import it as a component. Override settings with props.
import CloudSync from "./CloudSync.jsx";
<CloudSync />Add the Vue single-file component to your project, import it, and use it in your template.
import CloudSync from "./CloudSync.vue";
<CloudSync />Exports include your current settings. React and Vue components also accept the configuration keys below as props.
Customize in real time, copy standalone code, or export MP4, GIF, and PNG with optional transparency.