OnLook - Cursor para diseñadores

• Editor visual de vibe coding de código abierto con el que se pueden crear sitios, prototipos y diseños en la web junto con código en tiempo real
• Basado en Next.js + TailwindCSS, permite vista previa en tiempo real en el navegador y modificar directamente el DOM
• Busca ser una alternativa de código abierto a servicios comerciales como Bolt, Lovable, V0, Replit Agent, Figma Make y Webflow

Funciones principales

• Generación instantánea de apps Next.js a partir de texto/imágenes; próximamente con soporte para importación desde Figma, plantillas y más
• Creación de páginas con una UI similar a Figma, gestión de recursos y tokens, y vista previa en tiempo real
• Editor de código en tiempo real, guardado y restauración de checkpoints, ejecución de comandos mediante CLI e integración con marketplace
• Soporte para manipulación visual como arrastrar y soltar, edición de estilos Tailwind y experimentación de layouts
• Próximamente con soporte para edición en tiempo real / comentarios / enlaces compartidos / dominios personalizados
• Aunque está basado en la web, también puede integrarse con la app de escritorio (Onlook Desktop)

Arquitectura y funcionamiento

• Al crear una app, el código se carga en un contenedor web y se ejecuta allí
• El enlace de vista previa se muestra en el editor mediante un iFrame, procesando el mapeo entre código y UI
• Un chatbot de IA ayuda con el acceso y la edición del código, y puede entenderlo y modificarlo directamente
• Puede ampliarse a varios frameworks que usan DOM declarativo, como JSX/TSX/HTML

Stack tecnológico utilizado

• Frontend: Next.js, TailwindCSS, tRPC
• Base de datos/almacenamiento: Supabase, Drizzle
• IA: AI SDK, Anthropic, Morph Fast Apply, Relace
• Sandbox/hosting: CodeSandboxSDK, Freestyle
• Runtime/bundler: Bun, Docker

Otra información

• Licencia Apache 2.0
• La app web se publicará pronto y la app de escritorio también se ofrecerá por separado
• Para la documentación completa y cómo participar en el desarrollo, consulta la documentación oficial

[xguru]

Onlook - herramienta de creación de apps personalizadas con Webflow de código abierto

Hace como un año lo publicaron con un título así, pero de verdad el naming sí importa. OOO for XXX se entiende más fácil.