Modulz
The visual code editor for producing production-ready design systems without writing code
A code-first Figma competitor that became part of WorkOS — and what that means for non-technical founders today.
TL;DR
- What it is: Modulz was a code-based UI design tool aimed at eliminating the gap between Figma mockups and production code. In June 2022 it was acquired by WorkOS and the design tool product was discontinued [website].
- Who it’s for: Nobody, in its original form — the product no longer exists as a self-hostable or cloud-served tool. What WorkOS kept alive is Radix Primitives, the underlying open-source headless UI component library [GitHub README].
- Cost savings: Not applicable as a design-tool replacement. However, Radix Primitives as a component library is MIT-licensed and free, and eliminates the need to build accessible UI primitives from scratch [GitHub README].
- Key strength: Radix Primitives (the surviving open-source artifact) is one of the most widely used headless UI libraries in the React ecosystem — the foundation under shadcn/ui, Vercel’s design systems, and dozens of others [GitHub README].
- Key weakness: Modulz-the-design-tool is dead. The website is a memorial page. If you came here looking for a self-hosted Figma alternative you can run on your own server, this is not it [website].
What is Modulz
Modulz launched as a “code-based design tool for designing and prototyping with real components” [website]. The pitch was direct: most design tools — Figma included — are built around illustration. They let you draw rectangles that look like buttons but produce no real code. Modulz bet on a different approach: design directly in the target medium, prototype with actual components, hand off production code rather than specs.
The company raised a $5M seed round in August 2019 and ran a private alpha in December 2020, followed by a private beta in April 2021 [website about page]. It was building toward a product that would let designers and developers collaborate on the same artifact — a component-first workflow where the design file and the codebase converged.
The testimonials on the homepage signal it had real traction with people who cared about the design-to-code gap. Des Traynor (Intercom co-founder): “Of all the startups I’ve invested in, I struggle to remember one producing quality product as fast as Modulz.” Will Prendergast: “It is exceptionally hard to have a great design tool that outputs useful code. Many have tried but in the end the trade offs were too great. That was until Modulz made it their mission.” [website]
Then in June 2022, Modulz was acquired by WorkOS. The blog post is still live: “Modulz has been acquired by WorkOS and our team has joined to help WorkOS customers ship enterprise features.” [website blog] The design tool product went with it. The Modulz website today is a static tombstone — the login is gone, the editor is gone, the product roadmap is gone.
What WorkOS kept is Radix Primitives: an open-source headless UI component library that was built alongside Modulz to power its design system layer. That project lives at github.com/radix-ui/primitives, carries an MIT license, and is actively maintained by WorkOS [GitHub README]. It has 18,686 GitHub stars as of this writing.
Why people choose it (Radix Primitives, specifically)
Because Modulz-the-design-tool doesn’t exist anymore, this section is really about Radix Primitives — the open-source artifact that survived the acquisition and the thing you’d actually evaluate today.
There are no third-party reviews of Radix Primitives as a Modulz successor in the sources available for this article. What we have is its GitHub traction (18,686 stars), its position as the foundation for shadcn/ui (one of the most-starred React component libraries in 2023–2025), and WorkOS’s continued maintenance.
The reason developers choose Radix Primitives is narrow but important: accessibility without opinions about styling. Every component — Dialog, Select, Dropdown Menu, Tooltip, Popover — ships with full ARIA semantics, keyboard navigation, and focus management baked in. You bring the CSS. The library doesn’t care if you use Tailwind, CSS Modules, or inline styles. That’s the “headless” model [GitHub README].
For non-technical founders specifically: this is a component library for your developers to use, not a tool you operate yourself. The self-hosting angle is simply “it’s npm, you install it in your project.” There’s no server to run.
Features
What Radix Primitives actually provides:
- Low-level unstyled UI components: Dialog, Popover, Tooltip, Select, Checkbox, Radio Group, Slider, Switch, Tabs, Accordion, Navigation Menu, Context Menu, Dropdown Menu, Alert Dialog, Toast (Sonner-compatible), and more [GitHub README / radix-ui.com]
- Full ARIA compliance and keyboard navigation on every component — you don’t build this yourself [GitHub README]
- Composable API: each component exports multiple parts (Root, Trigger, Content, Item) that you assemble as needed
- Supports both controlled and uncontrolled usage
- TypeScript types included
- React-only (no Vue, no Svelte, no web components)
- MIT-licensed [GitHub README]
What the Modulz design tool would have provided (past tense, discontinued):
- Visual canvas for designing with real React components
- Pages, inspector panels, property editors [website blog]
- Snapping, position panel, image/SVG support, pre-built layouts [website blog — May/March 2021 updates]
- Production-ready code handoff
- The ability to deliver a design file that was also a codebase
None of the design tool features are accessible today. The editor is offline [website].
Pricing: SaaS vs self-hosted math
Figma (the SaaS competitor per the merged profile):
- Free: 3 Figma projects, limited history, 3 prototypes
- Starter (billed annually): $12/editor/month
- Professional: $45/editor/month
- Organization: $45/editor/month + $25/viewer/month (minimum 5 editors)
- For a 3-person design team on Professional: ~$135/month, $1,620/year
Modulz: Not available at any price. The product is discontinued [website].
Radix Primitives: Free, MIT, installed via npm install @radix-ui/react-dialog (and so on per component). Zero recurring cost. No server required [GitHub README].
The “self-hosted math” framing doesn’t apply here. Radix Primitives is a development dependency, not a hosted service. If your question is “can I avoid paying Figma?” — Radix Primitives alone won’t answer that. It replaces the component-building effort inside your codebase, not the design collaboration workflow. For a Figma replacement you’d need to look elsewhere (Penpot, Plasmic, or similar).
Deployment reality check
Radix Primitives:
npm install @radix-ui/react-dialog @radix-ui/react-popover
That’s it. There is no server, no Docker image, no VPS required. It’s a React library. Your developers add it as a dependency [GitHub README].
Modulz design tool: Cannot be deployed. There is no self-hosted version. There is no open-source repository for the editor. The GitHub repo for radix-ui/primitives is the component library, not the visual editor [GitHub README].
If you came here hoping to self-host a code-based design tool on your own server, the honest answer is: Modulz was never open-source as an editor, it no longer exists as a SaaS, and there is nothing to deploy.
Pros and Cons
Pros (Radix Primitives)
- MIT license, zero cost. No pricing tiers, no seat limits, no commercial restrictions [GitHub README].
- Accessibility as default. ARIA roles, keyboard navigation, screen reader support — all included. Building this correctly from scratch takes weeks.
- Headless model. No forced design opinions. Works with any styling approach.
- 18,686 GitHub stars and active maintenance by WorkOS [merged profile]. The library isn’t going anywhere — it’s the foundation of their own enterprise component ecosystem.
- Foundation for shadcn/ui. If your team uses shadcn/ui (one of the most popular React component setups in 2024–2025), they’re already using Radix Primitives under the hood.
Cons (honest assessment)
- Modulz the product is dead. There is no roadmap, no editor, no design tool, no company working on it as a design product [website].
- React-only. If your stack is Vue, Svelte, Angular, or vanilla JS — Radix Primitives does not help you [GitHub README].
- Not a design tool. It cannot replace Figma, Sketch, or any visual editor. It’s a code library, not a collaborative design environment.
- No direct relevance to non-technical founders. This is something your developers integrate. You won’t interact with Radix Primitives yourself.
- The “self-hosted” framing is a stretch. Categorizing an npm library as “self-hosted” bends the concept. There is nothing to host [merged profile category: “office” — this classification is difficult to justify for a discontinued design tool / headless component library].
- No third-party reviews available that assess Modulz in its current form or compare it meaningfully to alternatives in 2025–2026. The review data is a gap.
Who should use this / who shouldn’t
Use Radix Primitives if:
- Your team is building a React application and needs accessible UI primitives without styling opinions.
- You’re adopting shadcn/ui — in which case you’re already using it.
- You want an MIT-licensed foundation for a design system you’re building in-house.
- You have frontend developers who want composable, well-documented headless components.
Do not expect Modulz to:
- Replace Figma or any other design collaboration tool — the product is discontinued.
- Provide a visual editor you can self-host.
- Be useful to non-technical founders directly — this is a developer dependency, not an end-user tool.
Look elsewhere if:
- You want a self-hosted Figma alternative: Penpot (open-source, Docker-deployable, actively developed, free) is the closest real option.
- You want to generate production code from a design tool: Plasmic offers a similar “design to production code” pitch as a managed SaaS.
- You want a design system collaboration tool: look at Supernova or Zeroheight for documentation, or just Storybook for component libraries.
Alternatives worth considering
- Penpot — The only actively developed, self-hostable, open-source design collaboration tool. Runs via Docker. Designed as a Figma replacement with real SVG-based files. Actively maintained with a funded team. This is what the unsubbed.co audience looking for a Figma escape actually wants.
- Figma — The incumbent. Best-in-class collaboration, largest plugin ecosystem, $12–$45/editor/month. Closed-source.
- Sketch — Mac-only, $9/month, good for solo designers. No collaboration without additional tooling.
- Radix Primitives — If your need is accessible React components, not a design tool. Free, MIT, npm.
- shadcn/ui — Built on Radix Primitives, adds pre-styled Tailwind components. Free, copy-paste model, React.
Bottom line
Modulz is a cautionary tale more than a product recommendation. It had a genuinely interesting thesis — close the gap between design and production code — attracted real investment and credible testimonials, shipped visible progress through 2021, and then disappeared into an acquisition in mid-2022 before it could reach general availability. The design tool is gone.
What WorkOS preserved is Radix Primitives: a headless React component library that’s legitimately excellent and widely used. But that’s a developer dependency, not a self-hosted tool in any meaningful sense.
If you’re a non-technical founder looking to escape Figma costs: Penpot is the answer you’re actually looking for. If your developers are building a React app and want accessible components on an MIT license: Radix Primitives is solid and already under the hood of most modern React design systems. Those are two different conversations, and Modulz — as it exists today — sits uncomfortably at the intersection of both without serving either directly.
Sources
Primary sources used for this review:
- Modulz official website — homepage, about page, blog. https://www.modulz.app
- Modulz acquisition announcement — “Modulz has been acquired by WorkOS” (June 2022). https://www.modulz.app/blog/modulz-acquired-by-workos
- Radix Primitives GitHub repository and README — https://github.com/radix-ui/primitives (MIT License, maintained by WorkOS)
- Radix Primitives documentation — https://www.radix-ui.com/primitives/docs
Note: The third-party review articles provided as sources [1]–[5] for this assignment (Reddit r/selfhosted, Augment Code, DEV Community, Plane blog, XDA Developers) do not contain any references to Modulz or Radix Primitives and were not cited in this review. No third-party review coverage of Modulz in its current state was available.
Category
Replaces
Related Office & Productivity Tools
View all 75 →Excalidraw
119KOpen-source virtual whiteboard for sketching hand-drawn style diagrams, wireframes, and architecture charts — collaborative and end-to-end encrypted.
reveal.js
71KThe open-source HTML presentation framework — create beautiful, interactive slide decks using HTML, Markdown, or a visual editor, with 70K+ GitHub stars.
tldraw
46KInfinite canvas whiteboard with real-time collaboration. Embed in your app as a React component or use as a standalone drawing tool. No signup required.
Penpot
45KPenpot is the open-source design and prototyping platform that bridges designers and developers with web-native standards, real-time collaboration, and no vendor lock-in.
Onlook
25KOpen-source desktop app for visually editing React applications with changes written back to code in real-time.
Graphite
25KOpen-source 2D vector and raster editor with a nondestructive, node-based workflow that runs in the browser.