GorvGoyl/Clone-Wars
요약
Airbnb, Netflix, Instagram 등 유명 서비스의 100개 이상의 오픈 소스 클론 및 대안 프로젝트를 모아놓은 리스트입니다. 소스 코드, 튜토리얼, 기술 스택 정보를 포함하고 있어 풀스택 개발 학습에 매우 유용합니다.
핵심 포인트
- 유명 서비스의 UI 클론 및 기능적 대안 프로젝트 제공
- React, Next.js, Node.js 등 다양한 기술 스택 포함
- 학습을 위한 데모 링크 및 튜토리얼 정보 제공
- 오픈 소스 기여를 통한 프로젝트 업데이트 가능
Airbnb, Amazon, Instagram, Netflix, TikTok, Spotify, WhatsApp, YouTube 등 인기 사이트의 100개 이상의 오픈 소스 (open-source) 클론 및 대안 프로젝트 모음입니다. 이 리스트에는 소스 코드, 튜토리얼, 데모 링크, 기술 스택 (tech stack), 그리고 GitHub 스타 (stars) 수가 포함되어 있습니다. 학습 목적으로 매우 유용합니다!
-Gourav Goyal 제작
이 리스트를 최신 상태로 유지할 수 있도록 여러분의 도움이 필요합니다 🙏. 기여 가이드 (contribution Guide)를 확인해 주세요.
무료 튜토리얼 링크가 포함된 풀스택 (Full-stack) 클론들.
이 리스트에는 두 가지 종류의 프로젝트가 있습니다:
- 클론 (Clones): (UI 측면에서) 매우 유사해 보이지만 완전히 기능적이지는 않으며, 주로 학습 목적으로 제작되었습니다.
- 대안 (Alternatives): 인기 소프트웨어의 완전한 기능을 갖춘 오픈 소스 (open-source) 대안들입니다. GitHub 스타 수를 통해 어떤 것이 무엇인지 대략적으로 파악할 수 있습니다.
이 프로젝트의 비하인드 스토리를 읽어보세요: 나의 단순한 GitHub 프로젝트가 바이럴이 된 이유 🚀
| 클론 대상 | 데모 (Demo) | 튜토리얼 / 강의 사이트 | 리포지토리 (Repo) | 기술 스택 (Tech Stack) |
|---|---|---|---|---|
| Airbnb | YouTube | YouTube | GitHub backend, frontend | Sanity SDK, Next.js, React Hooks |
| ... | ||||
| (5개 열을 모두 보려면 표를 오른쪽으로 스크롤하세요) |
| Clone/Alt of | Demo | Repo | Tech stack | Repo Stars |
|---|---|---|---|---|
| 1Password / LastPass | bitwarden.com | GitHub | C#, Xamarin | |
| ... | GitHub | React, Firebase | ||
| Amazon Prime Video | prime-clone-e1de6.firebaseapp | GitHub | React | |
| Apple Music | appo-music.herokuapp | GitHub | React, Redux, Ruby on Rails, PostgreSQL | |
| ... | GitHub | React, Node.js, mongoDB | ||
| Google Keep | github.com (gif) | GitHub | React, GraphQL, Golang, SQlite | |
| Google Keep | vue-keep-sepia.vercel.app | GitHub | Vue, TypeScript, Firestore | |
| ... | GitHub | Reactjs, Express, Nodejs, Mongodb, Socketio | ||
| github.com (gif) | GitHub | Jetpack Compose | ||
| instagram-clone-dbe40.web.app | GitHub | React, Firebase | ||
| ... | Python, Django, React | |||
| Linear.app | youtube.com | GitHub | React, Redux, TailwindCSS | |
| MacOS Calculator | chamoda.com | GitHub | React | |
| ... | GitHub | React, Redux | ||
| Netflix | netflix-clone-dd230.web.app | GitHub | React, Firebase | |
| Netflix | github.com (screenshot) | GitHub | React, Firebase | |
| ... | ReactJS, GraphQL, Apollo, PostgreSQL | |||
| PayTM | github.com (gif) | GitHub | Flutter | |
| trusting-euler-8aafb8.netlify.app | GitHub GitHub | |||
| GraphQL, ReactJS, NodeJS, Mysql | ||||
| Postman | firecamp.dev | GitHub | Electron, ReactJS, NodeJS, Typescript | |
| Postman | insomnia.rest | GitHub | Electron | |
| ... | GitHub | React, Redux, TypeScript, Cypress, Jest, Enzyme | ||
| Spotify | spotify.trungk18 | GitHub | Angular 11, Nx, ngrx, TailwindCSS and ng-zorro | |
| Spotify | github.com (gif) | GitHub | React | |
| ... | GitHub | Python, Docker, Vue | ||
| Tetris Game | hinsxd-tetris.netlify.app | GitHub | React, TypeScript | |
| Tetris Game | tetris20.netlify.app | GitHub | TypeScript | |
| ... |
| Django, AngularJS | |
| Trello | kanboard.org | GitHub | PHP | |
| Trello | trellis-app.herokuapp github.com (gif) | GitHub | React, Redux, Node, Express, MongoDB | |
| Trello | codesource.io (gif) | GitHub | Angular 10 | |
| Trello | tiquetapp.herokuapp.com | GitHub | React, Python, Flask, PostgreSQL | |
| ... |GitHub | Express, MongoDB | |
| Trello | project-manager1.herokuapp | GitHub | React, Redux, Node, Express, Socket.io, MongoDB | |
| Trello | trello-project-manager.netlify | GitHub | React, Node.js, Firebase, Serverless, AWS Lambda | |
| ... |GitHub | React,Express js, NodeJS,Graphql,Apollo client,apollo-server,styled-components | ||
| twitter-geek.netlify.app github.com (screenshot) | GitHub GitHub | React, Redux, NodeJS, MYSQL | ||
| twitterclone2.netlify.app | GitHub | HTML, CSS, JQuery | ||
| tclone.netlify.app github.com (gif) | GitHub GitHub | MERN | ||
| twitterapp-clone.netlify.app | GitHub GitHub | React, express, mongo, aws, socket.io | ||
| twitter-cln.herokuapp | GitHub | Vue, Express, Mongo | ||
| twitter-web-clone-react.vercel | GitHub | React, Redux | ||
| ... |Angular, Express, PostgreSQL, GraphQL, TypeScript | ||
| youtube clone-massenger.herokuapp | GitHub | MERN | ||
| tinode.co | GitHub | Go, React, Java, Swift, MySQL, MongoDB, RethinkDB | ||
| WhatsApp (Web) | whatsapp-clone-web.netlify.app | GitHub GitHub | React, React Context API, Express, JavaScript, Socket.IO | |
| Windows 11 | win11.blueedge.me | GitHub | React, Redux, Firebase, TailwindCSS, Internationalization | |
| Wix | grapesjs.com | GitHub | JavaScript, Webpack | |
| ... |GitHub GitHub |
| React, Redux, Express, Sequelize | ||
| YouTube Music | octave-music.web.app | GitHub | React, Redux, Firebase, Material-UI | |
| YouTube Music | beatbump.ml | GitHub | Svelte | |
| ... |
Some link is broken or clone is not good enough? report it
I need your help to maintain this list up to date 🙏.
만약 클론(clone)에 문제가 있다면 (URL이 작동하지 않거나, 리포지토리(repo)를 찾을 수 없거나, 클론의 품질이 충분하지 않은 경우 등), 자유롭게 삭제하거나 작동하는 링크로 업데이트해 주세요. readme.md를 수정하고 PR(Pull Request)을 제출하기만 하면 됩니다. 제가 검토 후 머지(merge)하겠습니다.
클론을 제출하기 전에 다음 사항을 확인하세요:
- 인기 있는 소프트웨어나 앱의 클론/대안(alternative)이어야 합니다.
- 프로젝트는 최소한의 기능(functionality)을 갖추고 있어야 하며, 'UI 전용' 클론은 제출하지 말아 주세요.
- 또한, 기술 스택(tech-stack)이 다르지 않은 한, Trello나 2048 클론은 더 이상 받지 않습니다.
튜토리얼 링크를 함께 제공할 수 있다면 **첫 번째 테이블(1st table)**에 클론을 추가하고, 그렇지 않다면 **두 번째 테이블(2nd table)**에 추가해 주세요. 추가할 때는 알파벳 순서를 유지해 주세요.
readme.md를 수정하고 (더 나은 테이블 시각화를 위해 markdown.site와 같은 온라인 md 에디터를 사용할 수 있습니다) PR을 제출하세요! 머지 충돌(merge conflict)이 없는지 확인해 주세요.
이 프로젝트를 개선하기 위한 다른 피드백도 언제나 환영합니다 :)
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Trending All (daily)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기