how it works
Custom sections shouldn't take days
You have a design. Maybe it's a Figma file, a screenshot from a site you admire, or a mockup your designer sent over. Getting it into your Shopify theme means hiring a developer, waiting days, and paying hundreds per section. Or spending hours in a page builder that outputs bloated, unmaintainable code.
Rivulet changes that.
step 1
Upload your design
Drop in a screenshot of any section — desktop, mobile, or both. Add optional instructions like 'use 3 columns' or 'make it full-width.'
Step 2
AI generates production Liquid
Rivulet analyzes your screenshot and your store's design system — fonts, colors, breakpoints. It generates a complete .liquid file with BEM CSS, responsive media queries, and a full Shopify schema with color pickers, image uploaders, and text fields.
Step 3
Refine and ship
Not quite right? Tell Rivulet what to change in plain English. When you're happy, transfer the new section directly to your theme code or download the .liquid file.
Code you'd actually put on your site
No one wants HTML soup. Real, useable Shopify Liquid that follows your theme conventions.
Every section passes 9 validation checks: schema integrity, responsive queries, color variables, richtext nesting, and more.
Smart Design
It already knows your brand
Rivulet reads your active theme and extracts your design system automatically. Heading font, body font, primary color, background color, mobile breakpoint — all detected from your published theme. Every generated section uses these as defaults. Override anything manually.
Simple, transparent pricing
Start free. Upgrade when you're ready.
FAQ
Frequently asked questions
Will the generated code work with my theme?
Yes. Rivulet generates standard Shopify Liquid sections that work with any theme. The code uses your theme's CSS variables and follows Shopify's conventions, so it integrates seamlessly.
Can I edit the code after generation?
Absolutely. The output is clean, BEM-named Liquid — any developer can read and modify it. There's no lock-in or proprietary syntax.
How is this different from PageFly or GemPages?
Page builders create pages using their own rendering engine. Rivulet generates native .liquid files that become part of your theme — no app dependency, no performance overhead, full theme editor support.
What if the AI gets it wrong?
That's what iteration is for. Tell Rivulet what to fix in plain English. The Pro Plan includes unlimited iterations per section.
Does it support mobile-responsive designs?
Every section includes a desktop-first layout with a responsive media query at your theme's breakpoint. Upload both desktop and mobile screenshots for the best results.
Is my theme data safe?
Rivulet only reads your theme's CSS variables and font settings to detect your design system. Generated sections can be pushed to your live theme code but have to be manually added in your page builder before becoming visible.