Documentation/Zero-JS Auto Mode

Zero-JS Auto Mode

Add cinema transitions to static HTML, Astro, Shopify, WordPress, or Webflow sites without writing JavaScript.

1. Import the Auto Scanner

javascript
1import 'motion-organic/auto';

2. HTML Data Attributes Reference

html
1<!-- 1. Basic Curtain Peel Link -->
2<a href="/about.html" data-mo-transition="curtain-peel">
3  About Us
4</a>
5
6<!-- 2. Text Portal with Audio & Custom Speed -->
7<a
8  href="/gallery.html"
9  data-mo-transition="text-portal"
10  data-mo-word="GALLERY"
11  data-mo-sound="whoosh"
12  data-mo-speed="1.2"
13>
14  Explore Gallery
15</a>