HN user

zackbrown

553 karma

Working on Pax: https://pax.dev/ Formerly co-founder & CEO @ Haiku (YC W18) Formerly co-founder @ Thomas Street, sold 2014

Passionate about design tools, developer tools, art, automation, and ergonomics.

Also passionate about cooking, gardening, music, language, and exploring.

Lives in Berkeley, California

Posts19
Comments143
View on HN
www.pax.dev 1y ago

Show HN: Pax – cross-platform GUIs with an integrated design tool

zackbrown
19pts8
developing.pax.dev 2y ago

Let's Fix User Interfaces

zackbrown
1pts0
developing.pax.dev 2y ago

A Utopian Future for Graphical User Interfaces

zackbrown
7pts0
crow.app 5y ago

Price Localization with Stripe

zackbrown
1pts3
en.wikipedia.org 6y ago

Conway's Law

zackbrown
5pts2
www.storybookforteams.com 6y ago

Storybook for Teams

zackbrown
2pts0
diez.org 6y ago

Show HN: Diez – open-source framework and compiler for design languages

zackbrown
65pts14
www.vicarious.com 7y ago

A thought is a program: teaching concepts to robots

zackbrown
7pts0
news.ycombinator.com 8y ago

Launch HN: Haiku (YC W18) – Build and Design Cross-Platform UIs and Animations

zackbrown
127pts53
www.haiku.ai 8y ago

Introducing Haiku – Motion design meets code

zackbrown
8pts0
slack.com 9y ago

Slack launches Slack Enterprise Grid

zackbrown
7pts0
github.com 11y ago

Show HN: Firebasic – Input a JSON file, get static Firebase-compatible output

zackbrown
14pts3
www.forbes.com 12y ago

Famo.us: New Concepts Will Increase The Flow Of Highly Dynamic Web 3.0 Apps

zackbrown
2pts0
thomasstreet.com 12y ago

SVG + Matrix3D hybrid animations

zackbrown
4pts0
famo.us 12y ago

Famo.us/Angular

zackbrown
58pts6
thomasstreet.com 12y ago

Famo.us/Angular is now open source

zackbrown
4pts0
thomasstreet.com 12y ago

Introducing Famo.us-Angular

zackbrown
19pts17
thomasstreet.com 12y ago

Migrating our blog to Jekyll

zackbrown
3pts0
youtube.com 12y ago

Famo.us Launch Event Live Stream

zackbrown
1pts0

On the other hand, video games enable a wide breadth of intellectual experiences.

Being a simulated guitar hero and simulated pro skater is more enriching than the likely baseline of having zero experience with either.

And, video games can help in discovering real world passions — the number of guitarists who found their inspirational spark through Guitar Hero is likely significant. Same for Factorio or Minecraft -> programming.

Yes, supporting additional languages is straightforward; just need to write language-specific SDKs with bindings to the necessary Pax APIs, which are exposed through an ABI / FFI. (a major advantage of building at the systems level.)

Major constraints for a given language will be runtime size and browser viability — it's fine to use e.g. C# and the CLR when deploying a desktop or (arguably) a mobile app, but it's a showstopper to bundle a several-hundred-MB wasm runtime to ship a C# app to the web. Zig and C++ don't share this problem, and JS gets a freebie because the browser already includes the JS runtime.

Community contributions would be amazing in this regard. Likely our core team should ship JavaScript support first as a template, then Pax's language support should be roughly as extensible as e.g. Stripe's SDKs: https://github.com/stripe

Pax's primary goal is "designability" — to enable a vector design tool to read & write the same content & behavior you may write by hand. (.pax files)

Our solution requires language constraints — a hermetic separation of concerns between the declarative description language (.pax) and a Turing-complete programming language (starting with Rust.)

These language constraints and rendering requirements[0] are so core to our solution that building anywhere other than the systems level was not tenable.

[0] Specifically, the runtime must render in "design tool coordinates," to enable a vector design tool authoring UX. This authoring experience must also be extremely fast, like Figma's. The rendering engine must be designed around this requirement and neither HTML/CSS's or Flutter's were.

Agreed! Markup-as-content-backbone is one of many things HTML/CSS do extremely well, and I agree not building around something like this was a major weakness of Flash.

Silverlight sought to do this with XAML, but it had other problems (required a plugin right as plugins were on their way out; CLR was a huge dependency; too locked down and proprietary under Ballmer leadership)

Can you imagine a text-first content representation, which is visually editable with the UX of a vector design tool? This is the rabbit hole that drives our work on Pax.

just tools that build HTML/CSS for you

1. not Figma or Flash: it's not practical or performant to manipulate HTML/CSS to achieve the creative freedom of a vector design tool[0]

2. the rest of these that build on HTML: not a single one of them exposes that code for manual editing, so they're not developer tools and their "alternate layouts" are proprietary + locked away.

The root issue: HTML was not designed to be a substrate for design.

[0] I don't claim this casually; I spent several years seeking to do exactly this with github.com/famous/famous and https://www.haikuanimator.com/

Primary goal of Pax is "designability" -- any project can be opened and edited visually at any time with Pax Designer, which is a vector design tool.

The difference between Webflow and Figma is immense; Pax unlocks a Figma-style visual creative experience while building software.

I won't claim Pax is better than any of these, but that we seek to solve different goals.

Unlike Flash: driven by a markup language, fully open source, no plugin required, solves a11y, compiles to native apps incl. mobile

Unlike Silverlight: fully open source, no plugin required, no heavy VM

Unlike JavaFX: no plugin required, no heavy VM, visual builder is a vector design tool

Unlike Flutter: designed for web (small footprint, a11y out of the box); first-party and foundationally integrated visual builder, visual builder is a vector design tool

Both Figma autolayout and HStack / VStack are careful subsets of flexbox; not quite the same thing. Consider whether a marble statue is "just a subset" of the block that contained it.

None of these is a perfect technology, but I believe the most practical answer to the question driving this thread[0] is to study/understand the landscape, then build towards a better future.[1]

[0] > Care to point us to a better combination than HTML/CSS when it comes to layouting flexible interfaces?

[1] www.pax.dev

Alternate layout engines for the web might be a fun experiment, PhD thesis, or talent retention program, but it's not practical.

Flexbox was once an "alternate layout engine for the web," as was Flash player, as is Figma. Framer, Retool, and Squarespace all offer alternate layout engines tailored for visual building. All of these seem practical to me.

Care to point us to a better combination than HTML/CSS when it comes to layouting flexible interfaces?

HTML/CSS is pretty good!

SwiftUI's HStack and VStack are solid, though they suffer from ambient API complexity & Conway's law.[0]

Figma's autolayout is a strong reference, but it's not a tool for creating software.

Maybe instead of coming up with a new thing, we just need a clear way to solve the pain points and put the solutions into CSS4 and HTML6

Why not both? Innovate freely and independently (the prerogative of any builder) and adopt as spec any innovations that pass committee.

[0] arguably same diagnosis, different course of disease vs. HTML/CSS

Point taken! And yes, especially for developers (our core target demographic,) you are right that hand-writing should account for >5% of code volume.

Syntax is fairly contentious. "One man's trash is another man's treasure," on your note of "old garbage." It's hard to please everyone, however:

We could offer syntax "skins," since the data storage mechanism is a layer separated from the AST (thus different ASTs/syntaxes could de/serialize from the same persisted data.) So folks who want closing tags can have them; folks who want a YAML-like format could have it; folks who want a KDL-like language could have it.

At the language level, Pax's distinguishing characteristic is that it's the union of an expression language and a markup language; this is the reason we couldn't use an off the shelf markup language / parser. But again, KDL or YAML could be extended with PAXEL to make pax-kdl and pax-yaml flavors alongside pax-xml.

We had to start somewhere, and starting as close as possible to the markup lingua franca (HTML) made sense to us. It'd be a dream for Pax to be loved / adopted enough that we or anyone else cares to make a syntax skin.

I don't think the world should abandon HTML, nor break backwards compatibility across the HTML spec. The first cars drove on roads designed for horses, and horses are still around. At no time did we gather a committee and decree that horses were deprecated.

Taken to an extreme, "don't break backwards compatibility" has an insidious failure mode, which is "don't innovate." The car could not have come about without a willingness to break backwards compatibility with horse drawn carriages, plows, mills, hitching posts, etc.

The adoption of a radically new technology like this is voluntary, collaborative, and progressive. Provided it offers enough value to exceed the switching costs, there's no need to kill efforts or bury knowledge bases.

We chose an XML-like syntax because it's clear & explicit & established (HTML) — you can know where you are in a hierarchy clearly at any point thanks to closing tags. The major downside is verbosity, both for reading and for typing. Pax's closing tags compile away so they aren't transmitted across the network like they are for HTML.

We predict 95%+ of Pax will be written by machines, especially visual design tools and LLMs, so verbosity becomes less important (LLMs may even benefit from explicit closing tags.) We're innovating on multiple axes, including language, so we chose to make the syntax itself as boring and uninnovative as possible.

It sounds like we agree about the good parts of HTML.

There has never been a better markup language.

It has been the best thing for accessibility we ever came up with.

I observe past tense in both sentences above.

So perhaps we agree, the salient question is: is it the best thing we can come up with? With a focus on the future.

I argue we can do better, while celebrating and building off of what's great about the past & present.[0]

[0] https://docs.pax.dev/intro-priorities-and-prior-art/#:~:text...

I hope in the process of doing it we will find new ways of doing things.

HTML & CSS themselves have become a major bottleneck to quality and creativity. The arcane layout model, the baggage of backwards compatibility, the cognitive dissonance — played out over decades of design-by-committee — between "this is a document engine" and "this is an app engine."

The rendering-thread-is-the-main-thread architecture of JS plus the JS garbage collector cause jitters & frame drops that most people don't consciously recognize, but everyone subconsciously recognizes. These little bits of jank are why consumers can recognize webview-wrapped apps vs. native apps.

Don't get me wrong — HTML and CSS and JS have brought us far, and the zero-trust execution environment that is the browser is an amazing feat of humanity.

I hope the "new ways of doing things" you describe include a major innovation on HTML and CSS and JS. WebAssembly makes this possible today — and I have dedicated the last few years of my life to proving this concept[0], and I hope others explore similar avenues. We deserve a better substrate, and this can be done without reinventing the browser.

[0] www.pax.dev

A cross-platform UI kit that's also a vector design tool: https://www.pax.dev/

Sort of like a new Flash, but open source, compiles to WASM or LLVM instead of requiring a plugin, and driven by language all the way down.

The language piece is a declarative UI language tailored to vector design; the vector design tool reads & writes this declarative language and you can go back and forth between visual edits and code edits. All of this attaches to and is driven by existing programming languages, starting with Rust and following soon with JavaScript.

Getting very close to our first launch! Have been quietly developing in the open for a while.

This is really cool. I've been building a GUI system in Rust that features an expression language[0] — and we ruled out using CEL a while ago because the canonical Go CEL interpreter would cost several megabytes of runtime footprint (e.g. in a WASM bundle.)

Haven't measured the footprint of cel-rust yet, but I expect it's orders of magnitude smaller than cel-go. The Go runtime itself is the culprit with cel-go.

This Rust implementation may let us port to CEL after all, while maintaining Pax's <100KB wasm footprint. Nice work!

---

[0] https://www.pax.dev

^ This is correct.

(digestive problems vs anaphylaxis) ... and would probably be better classified as an intolerance similar to lactose

is misinformation — "digestive problems" and "intolerance" drastically understate the seriousness of celiac disease, and contribute to the educational challenges surrounding the condition.

The chronic impact of gluten exposure to a celiac patient include: permanent damage to the small intestine, malnutrition, reduction of lifespan, and significantly increased risk of comorbid autoimmune diseases (MS, diabetes, and more) and cancer.

The acute symptoms span from gastrointestinal symptoms to neurological issues, systemic pain, and cognitive impairment. The reason for all of this is gluten causes the celiac patient's immune system to mobilize and attack the patient, i.e. "autoimmunity." Not anaphylactic, correct, but not a digestive problem nor an intolerance.

I apologize for any inconvenience my current licensing terms may cause.

Friendly advice from a stranger, worth what it costs: I believe the greatest inconvenience of a commercial license will be to _you_, as opposed to end-users.

The market is so saturated with open source, developers expect it, and commercial licenses cause huge usage friction and doubt.

The "dual license" died as a viable business model around the time Meta (née Facebook) and Microsoft starting investing billions into free-as-in-beer OSS, 10-15 years ago.

Today, this model will only sabotage usage. People using your OSS is good. Even if your goal isn't to become popular, usage & feedback are learning, and while it's fine for popularity not to be a goal, I would encourage you not to proactively target the opposite of popularity.

If you have some other IP (the other tech you're describing) that can remain proprietary or wrapped behind a service, then people using other pieces of your stack for free is a _really good thing._ At least, they're aware of your brand and have started to trust it. At best, they're ready to use your commercial offering out of the gate.

Building a cross-platform GUI toolkit takes an incredible amount of work & time, especially at the systems level.[0]

A robust cross-platform ecosystem for the underlying programming language is a necessary but insufficient piece of the puzzle.

Given the proliferation of HTML and WebView/web-tech wrappers (Electron, Tauri, React Native etc.) there are now enough "good enough" solutions that most organizations that would underwrite the in-house R&D of a new Neuron Data or Delphi or Flash simply don't feel the need.

When it does happen — say Google Flutter — it's almost statistically impossible to keep the hydra of VPs and biz folks aligned over the decades of ongoing investment it takes to mature & form community around this kind of technology — see the recent Flutter team layoffs at Google.

[0] speaking from my experience building a cross-platform GUI solution in Rust for several years now; see pax.dev

HTML was a huge advancement, but it is likely a local maximum.

The HTML / CSS stack comes with significant ergonomic hurdles (layout / positioning / "creative fidelity") and performance hurdles (inescapable GC pauses, constant overhead of constraint-solving layout system, DOM overhead in general.)

Can we do better? IMO the future GUI lingua franca is deeply inspired by HTML and will stand on the shoulders of that giant, but will:

  - Build to LLVM native apps as well as websites
  - Include React-style templating as a foundational concern
  - Be fundamentally designed for visual building (think of the ergonomic differences between Webflow & Figma — if "an HTML" existed that "a Figma" could read & write natively, building front-ends would take a quantum leap)
WebAssembly makes all of this possible while still extending the Web and browser ecosystems.