Click "Notify me" here to get notified when launch goes live on Product Hunt

https://producthunt.com/products/webstudio

Deep dive into Webstudio: https://youtube.com/watch?v=SbE5dx1vV9U

Try it yourself: https://webstudio.is

Follow for updates: https://twitter.com/webstudiois

It's still early, but we already got some nice things done:

1. Design Tokens instead of classes. Instead of classes you build with design tokens. No specificity issues, better composability. Local by default, no need to name anything if you don't need to reuse them.

2. Designed to be dynamic. Install or write components that run on the edge, server-side and client-side, which talk to remote 3rd party services or databases.

This is the core of the architecture, but it's not yet available.

3. It's designed for collaboration

- Easy sharing (already available)

- Real-time collaboration (coming in July)

- No additional cost for any collaborative features

4. Published sites are built on top of Remix, which is designed to run on the Edge, highly optimized.

5. WebP/Avif optimized images out of the box

6. Custom fonts, including variable fonts support

7. When you hit publish, we are creating a new Cloudflare worker, just for your project.

Soon you will be able to connect custom domains. And later run any React components you like.

Fast forward - replace the entire framework and all components if you like.

It's basically your worker.

Looking forward to your feedback!