Rivulet

Rivulet is a Shopify app that turns design screenshots into production-ready Liquid sections. Upload a screenshot from Figma, Dribbble, a competitor's site, or a napkin sketch. Describe what you want. Get a complete Liquid section with a full settings schema, responsive CSS, and clean markup. Push it to your live theme with one click. Every section is a standard .liquid file identical to what ships with your theme. Once pushed, Rivulet has zero runtime presence on your storefront. No scripts, no iframes, no performance overhead. Uninstall the app and your sections stay. They belong to you. Built by a designer who spent years in the Shopify ecosystem and got tired of the gap between design and implementation. You know what a section should look like. You have the mockup. But getting it into the theme means writing Liquid, outsourcing to a developer ($200-600 per section, days of back-and-forth), or compromising your design to fit the theme's built-in sections. Page builders like Shogun and GemPages add bloat, hurt performance, and lock you in. Generic AI tools don't understand Shopify's section architecture. Rivulet was built to fix all of that. HOW IT WORKS 1. Upload a screenshot of any design (desktop required, mobile optional) 2. Describe what you need in plain English (optional) 3. Review the live preview with desktop/mobile viewport toggle, iterate with natural language feedback 4. Push to your live theme with one click, or download the .liquid file Generation takes about 45 seconds. The preview loads your store's fonts and colors so the output matches your theme from the start. KEY FEATURES - Live preview with desktop (1200px) and mobile (375px) viewport toggle - Natural language iteration ("make the heading larger," "add a fourth column") - Version history with revert to any previous version - One-click push to active theme via Shopify's Theme API - Auto-detects your theme's fonts, colors, and design tokens - Configurable brand style settings - Download sections as .liquid files OUTPUT QUALITY Every visual element becomes a customizable theme editor setting. Colors are never hardcoded. Text uses placeholder copy. Responsive CSS with context-aware mobile breakpoints. BEM naming, semantic HTML, scoped styles. A post-processing pipeline catches AI mistakes: deduplicates setting IDs, injects font size controls, enforces schema name limits, validates color settings. SECTION TYPES: Heroes, feature grids, testimonials, CTAs, banners, FAQ accordions, pricing tables, image galleries, video embeds (YouTube/Vimeo/MP4), countdown timers, logo bars, team sections, collection showcases, comparison tables, and more. PRICING (via Shopify's managed billing) Free: 3 generations/month, download only Builder ($7/mo): 15 generations, 3 iterations/section, push to theme Pro ($19/mo): 50 generations, unlimited iterations, push to theme Effective cost per section: $0.14-0.47 vs $200-600 for a developer. WHO IT'S FOR: Shopify designers tired of outsourcing layout work. Agencies handling client section requests live on calls. Merchants who've outgrown their theme's built-in sections. Store owners needing temporary campaign sections. Theme developers skipping boilerplate. TECH: Claude Sonnet 4.5 with vision, Remix + React + Shopify Polaris, PostgreSQL, hosted on Fly.io. Shopify Theme API exemption approved April 2026. Works with all Online Store 2.0 themes. tryrivulet.com | Shopify App Store: Store Design > Page Builder