- Un éditeur visuel de vibe coding open source qui permet de créer sur le web des sites, prototypes et designs avec du code en temps réel
- Basé sur Next.js + TailwindCSS, avec prévisualisation en temps réel dans le navigateur et modification directe du DOM
- Vise à devenir une alternative open source à des services commerciaux comme Bolt, Lovable, V0, Replit Agent, Figma Make et Webflow
Fonctionnalités principales
- Génération instantanée d’apps Next.js à partir de texte ou d’images — prise en charge de l’import Figma, des templates, etc. prévue
- UI similaire à Figma pour créer des pages, gérer les assets et les tokens, avec prévisualisation en temps réel
- Éditeur de code en temps réel, sauvegarde et restauration de checkpoints, exécution de commandes via CLI, intégration à une marketplace
- Manipulation visuelle avec glisser-déposer, édition des styles Tailwind, expérimentation de layouts, etc.
- Prise en charge prévue de l’édition en temps réel / commentaires / liens de partage / domaines personnalisés
- Bien que web, il peut aussi s’intégrer avec l’application desktop (Onlook Desktop)
Architecture et mode de fonctionnement
- Lors de la création d’une app, le code est chargé dans un conteneur web où il s’exécute
- Le lien de prévisualisation est affiché dans l’éditeur via iFrame, avec mappage entre le code et l’UI
- Un chatbot IA aide à accéder au code et à l’éditer, avec capacité à le comprendre et le modifier directement
- Extension possible à divers frameworks utilisant un DOM déclaratif comme JSX/TSX/HTML
Stack technique utilisée
- Frontend : Next.js, TailwindCSS, tRPC
- Base de données / stockage : Supabase, Drizzle
- IA : AI SDK, Anthropic, Morph Fast Apply, Relace
- Sandbox / hébergement : CodeSandboxSDK, Freestyle
- Runtime / bundler : Bun, Docker
Autres informations
- Licence Apache 2.0
- L’application web sera bientôt publiée, avec une application desktop proposée séparément
- Voir la documentation officielle pour l’ensemble de la documentation et les modalités de contribution au développement
2 commentaires
Onlook - outil open source de création d'applications sur mesure à partir de Webflow
C'était déjà paru il y a environ un an sous ce titre, mais une fois de plus, le naming est important. OOO for XXX est plus facile à comprendre.