Relate Preview

Create the web together

4.0•1 review•

7 followers

Visit website
•
•
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.
This is the 2nd launch from Relate Preview. View more

Relate 1.0

Create the web together
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.
Relate 1.0 gallery image
Relate 1.0 gallery image
Relate 1.0 gallery image
Relate 1.0 gallery image
Relate 1.0 gallery image
Free Options
Launch tags:Design Tools•Developer Tools
Launch Team
Vy - Cross platform AI agent
Vy - Cross platform AI agent
AI agent that uses your computer, cross platform, no APIs
Promoted

What do you think? …

Eden Vidal
rnbw
Maker
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.
Charlotte Champion
@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
Eden Vidal
rnbw
Maker
@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 👌
Sushant Joshi
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.?
Eden Vidal
rnbw
Maker
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.
Sushant Joshi
@ishkash_8 Sounds fair! Sure you can DM me :)
Walter Chen
Keysheet
congrats @ishkash_8! would love to hear about the use cases you think relate is much better for than wix/webflow.
Eden Vidal
rnbw
Maker
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.
Paul Hart
Spark'n
Always great to see brave souls diving into the competitive space to make beautiful websites easier to achieve. 👍
David Peterson
Airtable
Congrats @ishkash_8!! It's been really fun seeing the product/vision come together. I'm going to +1 @smalter 's question...curious to hear how you'd break down the differences and how I should choose which tool to use.
Eden Vidal
rnbw
Maker
@edavidpeterson Thanks David! I hope my answer to @smalter helps. Jumping on the opportunity to expand on it: "How I should choose which tool to use?" If you're an ordinary person seeking to build an online business and need something live without fussing around much, take Wix and others. It simple and "chill." But, if you hope to build a real scalable business online, this is where things get tricky. Content-driven product? You're talking to a content writer who wants to use WordPress because it'll be easy to manage content, which they know and use since forever. Custom-designed website? You go to a designer who may use Webflow and others because it'll be easy for them to set up any design and make changes to it later. You're talking with a developer who wants none of the above and prefers coding everything from scratch, but ok if they have to go with WordPress or other non-vendor-locked solutions to integrate too safely. Web application? It may turn out we got to code stuff from scratch anyway since you're demands are high. Maybe you're a tough maker who goes for challenging goals. Great. You're a startup! There are designers, developers, and writers. You chose the most (of what you think the most) important things, traded off the others and their importance by excluding them entirely or significantly lowering their efficiency. You cannot get everything. Wait. If our goal is to build successful online businesses - Are we using the right tools for the right job? Or are we simply making a broken process "work"? Let's not compromise on content, design, or code. What if you could start by yourself and invite others? Writers to edit a web page as if they were editing a document. Designers to emphasize this content and create as if the browser was also a design tool. Developers to code and bind interactivity to it or to use its design somewhere else and build your online product together in different depths yet same space and time - The open web.
Ken Moo
Looks pretty! Do you have blogging funtionality?
Eden Vidal
rnbw
Maker
@kenmoo Hey Ken, thanks! We're working on a data/content solution and plan to enable connecting/binding any source. 👌 We won't keep your data, only help relating your design to it, wherever hosted.
Francarlos Jose Blanco Herrera
Artify
I loved how easy and intuitive it is to create a website with little knowledge. Being able to edit and see the changes instantly is the best, I love that it shows you the html, js and css code.
Eden Vidal
rnbw
Maker
Thanks @francarlos_jose_blanco_herrera ! Did you notice that the JS is editable? (we're working on enabling HTML/CSS editing too) Is it important for you? If yes/no - why? Thanks! (:
123
•••
Next
Last