Onlook - alat pembuatan aplikasi kustom dengan Webflow open source

• Alat berbasis web yang memungkinkan Anda memodifikasi aplikasi web dan membangun UI secara visual tanpa perlu coding
• Mendukung React dan TailwindCSS
  • Dapat mengedit dan menulis ulang aplikasi React secara real-time di lingkungan lokal
  • Menyisipkan sebagian CSS ke halaman agar elemen DOM dapat dipilih serta di-drag-and-drop, lalu melacak perubahan dan mengonversinya kembali menjadi kode React
• Bagian yang menarik
  • Dilengkapi parser React bawaan yang menganalisis style, menyisipkannya, dan menserialisasikannya menjadi kode
  • Juga menyertakan preprocessor React yang mengonversi elemen DOM ke kode terkait
  • Mem-parsing/menginjeksi CSS dan mengonversinya ke Tailwind
  • Berfungsi sebagai aplikasi Electron untuk bertukar pesan dengan aplikasi Node

[GN⁺]

Komentar Hacker News

• Akan bersedia membayar mahal jika terintegrasi dengan Microsoft PCF dan alat build
• Tidak tahu apa yang dimaksud dengan 'components', tetapi akan sangat berguna jika komponen React bisa diimpor ke editor dan desainer WYSIWYG dapat mengubah props
• Mode desain/pengembangan tidak cocok dengan cara kerja tim yang sebenarnya
  • Developer melakukan lebih banyak pekerjaan desain daripada yang diperkirakan
  • Desainer menangani bagian yang kompleks, dan developer menangani desain yang sederhana
  • Navigasi dan routing bisa rumit sehingga developer sering menangani layout layar
  • Design system diimplementasikan sebagai komponen, lalu diubah karena masalah usability atau kebutuhan desain tambahan
  • Desainer ingin menyusun ulang komponen kembali menjadi section dan layar
  • Desainer ingin mengatur props seperti gambar, teks, dan ID, dan komponen pengembangan tersinkron otomatis
• Tampaknya cukup bagus dalam menyeimbangkan pengembangan dan desain
• Akan bagus jika menyediakan open source dan tier hosting berbayar
• Proyek ini layak diperhatikan
• Fitur yang bisa menampilkan kode dan perbedaannya lalu menulis ulang tampaknya akan sangat berguna
• Sebagai pengguna AOLPress, mengejutkan bahwa pada 2024 belum ada lebih banyak alat WYSIWYG, tetapi juga paham mengapa desain itu sulit
• Sebagian besar alat mencoba menargetkan developer dan desainer, tetapi akhirnya tidak terlalu baik untuk keduanya
• Kualitas dan kemudahan pemeliharaan kode yang dihasilkan juga menjadi masalah
• Ada komentar yang berterima kasih karena proyek ini dibuat open source
• Beberapa pertanyaan tambahan:
  • Apakah ada rencana monetisasi, dan jika ada, seperti apa idenya
  • Apa gambaran besar untuk Studio, apakah hanya akan fokus pada pengeditan style, atau berencana menyediakan semua yang dibutuhkan untuk membangun situs web
• Menginginkan editor visual seperti Webflow, tetapi tanpa BS dan kebijakan harga yang agresif
• Membutuhkan alat yang menghasilkan HTML, CSS, JS sederhana sehingga siapa pun di perusahaan bisa mengubah halaman atau membuat yang baru
• Penasaran animasinya dibuat dengan apa
• Pendekatan menggunakan parser React untuk menyisipkan style lalu menserialisasikannya kembali menjadi kode terasa menarik
• Penasaran mengapa ditulis ulang ke Svelte alih-alih tetap memakai React
• Model perakitan UI Webflow menurut sebagian orang adalah titik temu yang baik antara kesederhanaan dan kustomisasi
• Webflow mahal dan tidak suka proyek berada di bawah kendali mereka
• CTA "bicara dengan pendiri" bisa membingungkan
  • Akan lebih baik jika diubah menjadi frasa yang menyampaikan nilai ke pengguna seperti "jadwalkan demo"
• Webflow adalah aplikasi SaaS, tetapi aplikasi ini memerlukan hosting
  • Pengguna nonteknis mungkin tidak tahu cara melakukan hosting
  • Developer harus mempertimbangkan waktu untuk hosting dan pemeliharaan
  • Akan bagus jika disediakan sebagai open source, tetapi juga menawarkan versi hosting