- Trình biên tập visual vibe coding mã nguồn mở cho phép tạo website, prototype và thiết kế trên web cùng với mã theo thời gian thực
- Dựa trên Next.js + TailwindCSS, hỗ trợ xem trước theo thời gian thực trong trình duyệt và chỉnh sửa trực tiếp DOM
- Hướng tới trở thành lựa chọn mã nguồn mở thay thế cho các dịch vụ thương mại như Bolt, Lovable, V0, Replit Agent, Figma Make, Webflow
Tính năng chính
- Tạo ngay ứng dụng Next.js từ văn bản/hình ảnh - dự kiến hỗ trợ import Figma, template, v.v.
- Giao diện tương tự Figma để tạo trang, quản lý asset và token, hỗ trợ xem trước theo thời gian thực
- Trình biên tập mã thời gian thực, lưu và khôi phục checkpoint, chạy lệnh qua CLI, tích hợp marketplace
- Hỗ trợ thao tác trực quan như kéo thả, chỉnh sửa style Tailwind, thử nghiệm bố cục
- Dự kiến hỗ trợ chỉnh sửa thời gian thực / bình luận / liên kết chia sẻ / tên miền tùy chỉnh
- Dù là nền tảng web, vẫn có thể tích hợp với ứng dụng desktop (Onlook Desktop)
Kiến trúc và cách hoạt động
- Khi tạo ứng dụng, mã được nạp vào web container để chạy
- Liên kết xem trước được hiển thị trong trình biên tập dưới dạng iFrame, đồng thời xử lý ánh xạ giữa mã và UI
- Chatbot AI hỗ trợ truy cập và chỉnh sửa mã, có thể trực tiếp hiểu và sửa code
- Có thể mở rộng sang nhiều framework dùng declarative DOM như JSX/TSX/HTML
Tech stack sử dụng
- Frontend: Next.js, TailwindCSS, tRPC
- Cơ sở dữ liệu/lưu trữ: Supabase, Drizzle
- AI: AI SDK, Anthropic, Morph Fast Apply, Relace
- Sandbox/hosting: CodeSandboxSDK, Freestyle
- Runtime/bundler: Bun, Docker
Thông tin khác
- Giấy phép Apache 2.0
- Ứng dụng web sẽ sớm được phát hành, đồng thời cũng cung cấp riêng ứng dụng desktop
- Xem tài liệu chính thức để biết toàn bộ tài liệu và cách tham gia phát triển
2 bình luận
Onlook - công cụ tạo ứng dụng tùy biến bằng Webflow mã nguồn mở
Khoảng 1 năm trước đã từng được đăng với tiêu đề như thế này, đúng là việc đặt tên rất quan trọng.
OOO for XXXthì dễ hiểu hơn.