carrd.coGet started
← All posts

Why I Built Carrd Around a Stack of Elements

Ankit739 words

The Problem with Too Much Freedom

Back in March 2016, I launched Carrd. A one-page site builder aimed at everyday people who just wanted a simple profile or landing page up fast. But I had a nagging doubt: every existing builder offered a drag-and-drop canvas with absolute positioning. That seemed like the obvious path. But they could never stay simple. Every drag-and-drop tool I tested eventually let you move a box one pixel too far, breaking responsiveness or bloating the code. I wanted something different.

So I made a controversial choice early on: no drag-and-drop. Instead, I built Carrd around a single, fixed pattern. A simple "stack" of elements.

The Logic Behind the Constraint

Constraining yourself to a fixed layout stack limits your layout options. That's the honest trade-off. You can't place a text block at an arbitrary x/y coordinate. But that natural limit to its complexity is exactly what keeps Carrd easy to use. Here's what I found:

  • Responsiveness becomes trivial. When every element lives in a vertical stack, the site automatically reflows on any screen size. No media query wrestling, no gut-wrenching breakpoint decisions.
  • Code generation stays dead simple. The Generator (Carrd’s behind-the-scenes engine) takes a JSON config plus an assets folder and spits out 100% static HTML/CSS. Because the layout is predictable, the output is lean, portable, and independent from Carrd’s own hosting — a huge win for early adopters who wanted to self-host.
  • Customization isn’t sacrificed. You still control colors, fonts, spacing, backgrounds, images, videos — every visual detail that matters. But you do it through the “site spec” (a clean settings panel) instead of pixel-pushing.

A Dry Run That Surprised Me

All looked great on paper, but how would it play out in practice? I built my own company landing page using the stack pattern (just a logo, a landing section, a contact form, and a few legal pages). The whole thing, from Photoshop mockups to live site, took a few hours. Much to my surprise, the results were good. Really good: the page loaded instantly, worked on every device, and felt uniquely mine despite the rigid structure.

That's when I realized: the product's narrow focus is its superpower. You don't need a thousand layout options to make a site that looks professional. You just need the right constraints. And a builder capable of cranking out a gorgeous site in under 5 minutes.

The Biggest Upgrade Since Launch

A year later, I added the Columns element, easily the biggest, most significant upgrade since Carrd went live. Suddenly you could stack two or three content blocks side-by-side. But notice: it's still a stack pattern. Columns are just a grid within the vertical flow. The constraint remained. I just gave it a little more breathing room.

What About Premium Features?

Over time, Carrd grew. Pro plans arrived with premium templates, higher-quality images, larger file uploads, custom site icons (favicons), and social share images. Even with all that, the core builder stayed the same: a single stack of elements. I didn't bolt on drag-and-drop. I didn't add a full-page canvas. Short of me royally screwing up, Carrd would remain the one-page site builder that sacrifices flexibility for speed and simplicity.

The Honest Trade-Off

This approach isn't for everyone. If you want a multi-column magazine layout or a pixel-perfect landing page that requires absolute positioning, Carrd probably isn't your tool. But for the vast majority of people, creators, freelancers, indie makers, it does exactly what they need: builds a beautiful, responsive, one-page site in minutes.

And honestly? It wasn't 2006. Every modern design trend favors minimal, vertical layouts anyway. The stack pattern aligns perfectly with how people actually consume content on mobile.

Why This Matters for You

If you're reading this, you're probably tired of overcomplicated website builders. You want something that just works. Carrd's stack-of-elements philosophy means:

  • Simply built — zero learning curve.
  • Customizable — tweak every detail that actually impacts your brand.
  • Responsive — automatically fits phones, tablets, and desktops without extra work.
I didn't choose the stack pattern because I'm lazy (well, maybe a little). I chose it because constraints create clarity. And clarity is what makes a tool easy to use.

So if you've ever wondered why Carrd doesn't have a drag-and-drop builder, now you know. It's not a missing feature. It's a deliberate design decision. And I'm sticking with it.

Frequently asked questions

Why doesn’t Carrd have a drag-and-drop builder?

Carrd sticks with a fixed stack of elements, and honestly, that's what makes sites automatically responsive, keeps the code generation simple, and the builder dead-simple. Drag-and-drop sounds nice, but it tends to add complexity and break responsiveness, which kind of defeats the whole point of being fast and easy.

Can I customize the layout in Carrd?

Yeah, you still control spacing, alignment, colors, fonts, backgrounds, images, all that good stuff. The layout only goes one way, vertical stack, but that limit is on purpose. It keeps customization manageable, and you can still make it your own.

Is Carrd suitable for multi-page sites?

Carrd is made for one-page sites, plain and simple. Need multiple pages? There are other tools out there. But if you want a single, strong landing page or profile, this thing nails it.

How does Carrd handle responsiveness?

Since everything stacks vertically, the site just reflows on any screen size automatically. No need to mess with media queries. The stack pattern makes responsive design almost too easy.

Can I export my Carrd site and host it elsewhere?

Yes, the Generator spits out static HTML and CSS. You can download the files and host them anywhere, totally independent of Carrd's infrastructure.

A
Ankit
Developer

Started as a solo developer tired of watching non-technical friends pay agencies for a single landing page. Stripped web building down to forms, blocks, and a domain — nothing else. Now used by musicians, consultants, and side-project founders who want a form that collects emails or takes payment without touching code.