Relate is a visual development environment for fast, live team collaboration. While you design, code is generated in the background and can be published anywhere.

Relate is the open platform to create together on the web.

Simple, intuitive, and visual environment for rapid web creation.

Speaks native web, HTML/CSS/JS.

Publish or export anywhere. Imports anything from anywhere. Complete openness—no vendor lock-in.

Thanks for the hunt @benln Hey PH! I'm Eden, CEO of Relate. After months in a hyper-private alpha, we're excited to announce Relate 1.0! Wait, what is Relate? Simply put, it's an open platform to create on the web. Relate expands the medium's possibilities and redefines what is simple and flexible - ״Build a website״ with the confidence that it'll quickly answer the needs when a business grows. How? Simple, intuitive environment to create for the web. Speaks only the language the browser understands and functions as a "design-as-code" layer on top of it. There is no React, and it's not a Wix or Webflow site, not a Figma/Sketch file, just plain HTML, CSS, and JS, at W3C's standards. It's the WEB. And you can touch it as if you're editing a document. Import anything from anywhere - Import design, code, copy an entire site or pieces of it, make more pages out of an existing site—whatever, from wherever. Publish it anywhere, export it to code. It's YOUR code. No vendor lock-in. COMPLETE OPENNESS. Not walled gardens. Why are we doing it? All of the platforms are too complex, too closed, or too detached from the actual medium. There is a tension between simplicity & flexibility - They never exist together anywhere on the market. Therefore limits the possibilities of the web as a medium and hurts online businesses from scaling. YES. It's another design tool, but it is built specifically for the web and produces the most beneficial HTML/CSS you'll get. YES. It's another website builder, but you can also build complex design systems powered by plain CSS and have them continuously delivered to your dev team as the "one source of truth - Developers connect functional CSS the same way Tailwind/Bootstrap is being used. Signup for the private beta here - https://relate.app - "The first web browser was also an editor. The idea being that not only could everyone read content on the web, but they could also help create it. It was to be a collaborative space for everyone."Sir Tim Berners-Lee, the inventor of the World Wide Web. Hit me with questions.

@benln @ishkash_8 Great stuff! How easy would this be to connect to a headless CMS? I'm more on the design side and less technical, but would like that kind of flexibility

@charlotte_champion Relate is the ultimate "design-as-code" layer to connect to headless CMS or anything else. While it has now done with code, we're also working on a visual data binding solution 👌

Hey @ishkash_8, This looks amazing! I had a few questions: 1. Will code export be available for Free Plans? Right now, it doesn't seem to be. But one can copy the code from the left side panels. 2. On paid plans, would there be a 1-click solution to export/deploy to popular hosting services such as Netlify, etc.?

Hey @sushdagr8, thanks! 1. For now, we're keeping the package export under a paid plan. Copying from the code view is your way to overcome it 😉 I believe it can be just fine for the simplest use-cases that do not require too many manual changes in code. 2. The answer is YES. We started deploying an ability to deploy to other sources and still exploring parts of it. Can I privately send you a few specific questions regarding deployments? Thanks in advance.

@ishkash_8 Sounds fair! Sure you can DM me :)

congrats @ishkash_8! would love to hear about the use cases you think relate is much better for than wix/webflow.

Thanks @smalter for the critical question. First, I love Webflow! It's their redefinition of "possible" that drove us to experiment with new solutions and take it further. Wix and Webflow are too closed, vendor-locked, and non-collaborative. It claims to be web-based, but they enforce their paradigm, and the source is hyper opinionated. While you can export the code, it's not your code, and you cannot easily integrate it to something else or expand it with more code. It is built too vertically at the core and therefore slows online businesses from scaling. Relate is more horizontal and works as the perfect "design-as-code" layer for any use case on the web. Really. From emails, to landing pages, sites, design systems for marketing sites or for web applications. It's a game-changer for web-based online businesses that need to scale quickly without trading-off simplicity/flexibility with anything of the holy triangle - content, design, and development. It lets teams work together to create where the web itself happens. It speaks the native languages of the web, HTML/CSS/JS. It means you can import existing code to it or integrates existing libraries easily into your design. Multiplayer editing is on its way too, yet we believe it is the web foundation as a medium that needs to be genuinely accessible to anyone first. As it makes the collaboration even more empowering.

Relate Preview

Create the web together

Relate 1.0

Relate Preview Launches

Do you use Relate Preview?

Review Relate Preview?

Reviews of Relate Preview