- Web’de site, prototip ve tasarımları gerçek zamanlı kodla birlikte oluşturabilen açık kaynaklı bir görsel vibe-coding editörü
- Next.js + TailwindCSS tabanlı; tarayıcıda gerçek zamanlı önizleme ve doğrudan DOM düzenleme mümkün
- Bolt, Lovable, V0, Replit Agent, Figma Make, Webflow gibi ticari hizmetlere açık kaynaklı bir alternatif olmayı hedefliyor
Başlıca özellikler
- Next.js uygulamalarını metin/görselden anında oluşturma - Figma içe aktarma, şablonlar vb. desteği planlanıyor
- Figma benzeri bir arayüz ile sayfa oluşturma, varlık ve token yönetimi, gerçek zamanlı önizleme desteği
- Gerçek zamanlı kod editörü, checkpoint kaydetme ve geri yükleme, CLI üzerinden komut çalıştırma, marketplace entegrasyonu
- Sürükle-bırak, Tailwind stil düzenleme, yerleşim denemeleri gibi görsel işlemleri destekler
- Gerçek zamanlı düzenleme / yorumlar / paylaşım bağlantıları / özel alan adı desteği planlanıyor
- Web tabanlı olsa da masaüstü uygulamasıyla da entegre çalışabiliyor (Onlook Desktop)
Mimari ve çalışma şekli
- Uygulama oluşturulurken kod web container içine yüklenir ve burada çalıştırılır
- Önizleme bağlantısı editörde iFrame olarak gösterilir, kod ile UI arasında eşleme yapılır
- Yapay zeka chatbot kod erişimi ve düzenlemeyi destekler; kodu doğrudan anlayıp değiştirebilir
- JSX/TSX/HTML gibi deklaratif DOM kullanan çeşitli framework’lere genişletilebilir
Kullanılan teknoloji yığını
- Frontend: Next.js, TailwindCSS, tRPC
- Veritabanı/depolama: Supabase, Drizzle
- Yapay zeka: AI SDK, Anthropic, Morph Fast Apply, Relace
- Sandbox/hosting: CodeSandboxSDK, Freestyle
- Runtime/bundler: Bun, Docker
Diğer bilgiler
- Apache 2.0 lisansı
- Web uygulaması yakında yayınlanacak, masaüstü uygulaması da ayrıca sunuluyor
- Tüm belgeler ve geliştirmeye katılım yöntemleri için resmi dokümantasyona bakın
2 yorum
Onlook - tasarımcılar için açık kaynaklı Webflow tabanlı özel uygulama geliştirme aracı
Yaklaşık 1 yıl önce böyle bir başlıkla paylaşılmıştı; yine de görüyoruz ki isimlendirme önemli.
OOO for XXXtarzı daha kolay anlaşılıyor.