Why I spent 3 years building a Shopify section library for freelancers

Why I spent 3 years building a Shopify section library for freelancers


Why I spent 3 years building a Shopify section library for freelancers

There's a moment every Shopify freelancer knows. You're three stores into the month, the client brief lands, and you already know which sections you're going to build. The hero. The feature grid. The testimonials. The same sections you built last month and the month before that.

I hit that moment one too many times. So I built Flexi.

The problem with every other Shopify section library

Before Flexi, I tried the alternatives. Most of them had the same three problems.

The first was speed. A lot of section libraries inject extra scripts and stylesheets that don't belong in a client's theme. That's bad for PageSpeed, bad for SEO, and bad for the conversation you have to have with a client when their score drops after launch.

The second was branding. Some section libraries put their name inside the Shopify theme editor. Every time a client opens their customizer, they can see exactly which tool you used to build their store. That's not a huge deal, but it's not great either — especially when you're positioning yourself as the person who built the whole thing.

The third was complexity. Too many settings, too many options, too much for a client to accidentally break on a Tuesday afternoon.

What a good Shopify section library actually needs

After three years of building and using Flexi on real client projects, here's what I think a section library actually needs to get right.

It needs to be fast. Flexi adds sections, blocks, and one minified CSS file. That's it. No extra scripts, no bloat, no impact on PageSpeed.

It needs to be invisible in the editor. When a client opens their theme customizer, they should see a clean experience with no third-party branding in sight. Their store, their editor.

It needs to play well with metafields and metaobjects. Modern Shopify stores use metafields for almost everything — product details, custom content, dynamic data. A section library that doesn't account for that isn't built for how people actually work.

It needs a dev mode. This one came from years of client handoffs. When I'm building, I want access to custom class inputs and full control. When I hand off, I want the client to see only the settings they should actually touch. Dev mode is a toggle. Flip it off before you publish and the advanced controls disappear.

The sections

Flexi includes sections built for the kind of stores freelancers and agencies actually work on. Clean layouts, proper spacing, the kind of design quality that fits a Nike, Lululemon, or Athletic Greens aesthetic without looking out of place.

Every section is built with deep metafield support baked in. You're not working around the tool — the tool is built for the way modern Shopify development actually works.

The app I needed all along

Flexi went through a lot of phases before it got here. There were versions that were too complex, too expensive, too unclear about who they were for. Each one taught me something.

The current version is the simplest, fastest, and most focused it's ever been. It's the Shopify section library I needed when I started doing client work, and I built it so other freelancers don't have to build their own.

If that sounds like what you've been looking for — it's $5 a month after a free two-week trial.

View all tutorials