Little feature, reset responsive overrides directly on the canvas:

Sharing more details about what I’ve been building since not all of it will fit in a launch video. Drag and drop works pretty much like in Figma. Dragging within the same container reorders elements in real time, using a rectangle-based algorithm (notice how images only move when the edge of the dragged one crosses the center of the other, independently of where you grab it). It’s also direction-aware to prevent the flickering that some implementations have when dealing with items of different sizes. Moving the pointer outside the current container enables precision mode, which uses the pointer position to determine where to drop (also available by holding ⌘ while dragging).

New insert menu.

New temporary landing page until public launch (and a first look at the new settings panel).

Shipped the last five months of work to private beta, I’m now on the final stretch before a public launch. If you’re a designer and want to test a new design tool for building websites I’d love to hear from you.

New UI shipping soon.

Finally shipped this in private beta, who wants to try it?

In the new layout system every container works the same way, and can be either a column, row, or grid. Here’s the new grid layout mode:

I heard designers like canvases so I built one.

I’ve been working on a complete revamp of Pagy’s layout system and editor (for the last time), as the current one turned out to have many limitations. This is also part of a small pivot to target actual web designers and agencies instead of non-technical people (but while still keeping it as simple as possible for them). Still lots to do but here’s a sneak peek:

Made some small improvements to dragging blocks within rows. Now if a block moves all the way over another they’ll swap places, if not they’ll just overlap, all in a single gesture.

Now you can also run custom JavaScript after a form is submitted. Useful for tracking events and conversions.

Finally shipped mobile-specific editing! Now changing a style on the mobile view will only apply on that view. Currently works with text blocks, stacks, and rows (letting you reverse their content order on mobile), but will expand it to other blocks as needed.

Small update, now you can name global sections so they’re easier to differentiate if you have multiple, similar-looking ones. Also renamed them from “Shared sections” to “Global sections” since that seems clearer in hindsight.

Finally added a video background option to sections in @pagyco:

Introducing simple.design A curated collection of the most beautifully simple websites on the web. Featuring no scroll hijacking, no loading screens, and no annoying animations.

A few minor updates I shipped recently after painfully watching too many user sessions with questionable results: Aligning elements within a row is now done at the row level instead of dragging the individual children up/down. The latter seemed more intuitive initially, but turns out it makes it hard to align things if there is little height difference, plus it led to many people placing items in non-ideal places. This also allowed me to add a new Stretch setting, useful for making columns have the same height.