Designs 03 / 03
Publishing & Community
Freeze a design at a public URL, keep iterating privately, reuse it through the Library, and remix what other makers have published.
A design stays private until you say otherwise. Publishing freezes the current canvas at a public link; the Library is where published designs live, get discovered, get remixed, and get inserted into Sites.
Publishing a design
The top-right button in the Designer reads Publish until the design is live, then becomes Share. Publishing snapshots the composed page — markup, styles, scripts, head tags, Tailwind and all — and serves it at:
https://devdojo.com/design/{slug}
The key property: the live page is a frozen snapshot. You can keep editing after you publish — your changes stay private in the canvas until you hit Republish, which cuts a new snapshot. Nothing you experiment with mid-iteration can break the page people are looking at.
The Share popover gives you the live URL with a Copy button, View live ↗, Republish, and Unpublish. Unpublishing takes the page down; drafts return a 404 for everyone but you — as the owner, you're redirected to your private preview instead.
Three URLs, three audiences. The workspace preview iframe is yours alone; /design/preview/{slug} is your private, always-current draft in a full tab; /design/{slug} is the frozen public page. Only the last one is visible to the world.
The Library
Library at /dashboard/designs lists published designs across DevDojo, newest first, 24 per page. Category pills filter the grid, and each card renders the actual frozen page as its thumbnail along with the publish time and a Remix button.
You'll also find the official DevDojo Blocks collection in the Library — curated sections and components published by the DevDojo account, marked with a black DevDojo badge. They're remixable like anything else.
Reusing and remixing
From a Site's Add section popup, a published design is vendored into the Site as owned code — copied in exactly as designed, no separate contract to satisfy. If you built it with the platform's semantic utility classes (bg-background, text-primary, …), it automatically renders in whatever values the host Site's own design tokens define, through ordinary CSS — the palette used while designing it isn't copied along. A design authored with raw hex values keeps its exact colors and typography wherever it lands.
Remix is how designs travel. Click Remix on any community card to clone that design's published snapshot into a brand-new design in your account and land straight in the workspace — the original stays untouched, and the owner's private draft is never exposed. The copy remembers where it came from, and from there it's fully yours: iterate with the AI, restyle it, publish your own version.
Exporting a design
Published or not, a design can leave DevDojo whenever you want:
- Download ZIP (workspace menu → Export, or the card menu in My Designs) produces a small static project —
index.html,js/script.js, aREADME.md, and either acss/style.css(Tailwind off) or the Tailwind setup inlined (Tailwind on). Unzip and open it anywhere; no build step required. - Copy the code straight from the HTML/CSS/JS editors.
- Duplicate Design makes a full private copy ("Copy of …") inside your account — handy for trying a risky direction without touching the original.
Where to go next
- The Designer — everything about the workspace you'll be remixing in.
- Designs Overview — what designs are and how the library is organized.