2025-06-05 - GitHub Trend Repo
Onlook GitHub 바로가기 Onlook는 디자이너와 개발자가 협업하여 웹사이트와 애플리케이션을 빠르게 만들 수 있는 오픈소스 기반의 시각적 코드 에디터입니다. 이 프로젝트의 목적은 특히 Next.js와 TailwindCSS 환경에서 빠르고 직관적인 개발 경험을 제공하는 것에 있으며, AI 지원 기능을 활용하여 디자인과 코드를 실시간으로 연결할 수 있도록 설계되었습니다. 주요 기능으로는 브라우저 내에서 DOM 요소를 시각적으로 편집, 텍스트 또는 이미지를 기반으로 앱 생성, 템플릿 활용, Figma와의 연동, GitHub에서 시작하는 프로젝트, 실시간 코드 편집, 미리보기, 브랜드 자산 관리, 페이지 네비게이션, 드래그 앤 드롭 인터페이스를 통한 요소 재배치, 코드와 디자인을 병행하는 미리보기, TailwindCSS 스타일 조정, 코드 탐색 및 편집, 배포 지원, 협업 기능(실시간 편집, 댓글)이 포함되어 있습니다. 아키텍처는 사용자 생성 앱을 웹 컨테이너에 로드하고, 이를 서비스하는 구조로 설계되어 있으며, Next.js, TailwindCSS, tRPC, Supabase, Drizzle ORM 등 현대적인 프론트엔드/백엔드 기술이 활용됩니다. 또한 Onlook는 현재 초기 웹 버전 개발 중이며, 데스크탑 앱(이하 Onlook Alpha)이 별도로 존재합니다. 개발자 및 디자이너 커뮤니티의 적극적인 기여를 장려하고 있으며, GitHub, Discord, Twitter, LinkedIn 등을 통한 커뮤니케이션 채널과 문서, 기여 가이드, 라이선스는 Apache 2.0으로 배포됩니다. 전체적으로 이 프로젝트는 코드와 디자인의 통합 작업을 간편하게 만들어주며, 협업과 배포의 간소화를 목표로 합니다. ...