{"product_id":"ease-amp-reveal-scroll-triggered-feature-blocks-for-shopify","title":"Ease \u0026amp; Reveal — Scroll-Triggered Feature Blocks for Shopify","description":"\u003cp\u003eA drop-in Shopify Online Store 2.0 section: a responsive grid of merchant-editable feature panels that reveal on scroll with a choice of five animation styles, plus an optional hover effect. No app, no external animation library, no build step.\u003c\/p\u003e\n\u003cp\u003eDesign Pattern: A native Liquid section that borrows the \"readable utility class, zero dependency\" philosophy of the animation-first CSS frameworks trending in the open-source community this week — reimplemented from scratch here as one self-contained Shopify section instead of a standalone CSS library you'd have to wire up yourself.\u003cbr\u003eConversion Intent: Give feature callouts, \"why us\" rows, and process highlights the kind of motion polish shoppers associate with premium brands, without installing an animation app or touching a bundler.\u003cbr\u003eEmotional Outcome: Alive without being distracting — a page that feels considered and current, not static and templated.\u003c\/p\u003e\n\u003cp\u003eFeatures:\u003cbr\u003e- Five scroll-reveal animations (fade up, slide from either side, zoom in, flip up) plus a \"none\" option for accessibility testing, all switchable from the theme editor\u003cbr\u003e- Three optional hover effects — lift, glow, shimmer — applied independently of the scroll animation\u003cbr\u003e- Configurable stagger delay and animation speed (fast \/ medium \/ slow)\u003cbr\u003e- Up to 16 panel blocks, each with an image or icon, eyebrow, heading, rich-text body, and an optional link\u003cbr\u003e- Progressive enhancement: panels render fully visible in the HTML; the hidden pre-reveal state is only applied once JavaScript confirms IntersectionObserver support and has attached — content is never hidden if a script fails to load\u003cbr\u003e- Fully respects \u003ccode\u003eprefers-reduced-motion: reduce\u003c\/code\u003e — motion is disabled and every panel is shown immediately, no exceptions\u003cbr\u003e- Real semantic markup: proper headings, image alt text from the picker, and a real anchor link — no div-buttons\u003cbr\u003e- 1–4 responsive columns, full color and padding controls, 2-minute install: one .liquid file into Sections, two files into Assets\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/ukiyo-ease-and-reveal-section.zip?v=1789182422\"\u003eDownload the section files (.zip)\u003c\/a\u003e — includes the Liquid section, CSS, JS, and a full install README.\u003c\/p\u003e\n\u003cp\u003eDelivered as a single self-contained Shopify section (Liquid + CSS + JS + install README). Single-site commercial license.\u003c\/p\u003e","brand":"Ukiyo Productions","offers":[{"title":"Default","offer_id":47663581397076,"sku":"UKIYO-EASEANDREVEAL","price":29.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/ukiyoprod.com\/products\/ease-amp-reveal-scroll-triggered-feature-blocks-for-shopify","provider":"Ukiyo","version":"1.0","type":"link"}