홈 › 분야 › 🌐 웹·디자인

🌐 웹·디자인

웹사이트, UI 디자인, 프론트엔드 분야에서 요즘 뜨는 깃허브 오픈소스를 한국어로 쉽게 풀어 드려요. 최근 트렌드에 오른 순서예요.

01
meta/astryx ★ 2.5만포크 1,948TypeScript01/09 생성

Astryx 디자인 시스템

Astryx는 완전히 사용자 정의가 가능하고 에이전트와 함께 작업할 수 있는 오픈 소스 디자인 시스템입니다. React 19+와 StyleX를 기반으로 구축되었으며, 접근성이 높은 150개 이상의 컴포넌트, 브랜드 수준의 테마, 다크 모드, 템플릿 및 CLI를 제공합니다. 개발자는 쉽게 사용할 수 있으며, AI 에이전트도 동일한 도구를 사용하여 빌드할 수 있습니다. Astryx는 내부가 개방되어 있으며, 스타일링에 대한 잠금이 없으며, 래핑 없이 사용자 지정할 수 있습니다.

이런 분께 · 개발자, 디자이너

설치해서 쓰는 도구● 상업 이용 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기An open source design system that's fully customizable and agent ready
자세히 보기 →
02
heydamir/unslop ★ 1.5만포크 814JavaScript10/29 생성

'AI가 만든 티' 나는 화면을 진짜 디자인처럼

AI로 대충 만든 웹 화면 특유의 어색함을 잡아 주는 Claude 스킬이에요. 여백·글꼴·색 등을 손봐서 디자이너가 만든 듯한 결과물로 바꿔요.

이런 분께 · AI로 웹·앱을 만드는 1인 개발자

설치해서 쓰는 도구● 조건부 OK🧩 AI 스킬·플러그인🌐 웹·디자인
원문 설명 보기A Claude skill that turns vibecoded, AI-looking UI into a designed interface
자세히 보기 →
03
we-promise/sure ★ 1.3만포크 957Ruby07/23 생성

개인 재무 관리 앱

Sure는 누구나 사용할 수 있는 개인 재무 관리 앱이에요. 자산 관리, 예산 설정, 지출 추적 등 다양한 기능을 제공해요. 또한, Docker를 사용하여 쉽게 호스팅할 수 있고, 브라우저, 데스크톱 앱, 모바일 앱, API 클라이언트, LLM 에이전트 등 다양한 플랫폼에서 접근할 수 있어요.

이런 분께 · 개인 재무 관리를 원하는 사람

설치해서 쓰는 도구● 조건부 OK🌐 웹·디자인📚 데이터·교육
원문 설명 보기The personal finance app for everyone (by everyone)
자세히 보기 →
04
anefzaoui/misterdownloadmanager ★ 6,811포크 524Rust10/29 생성

다운로드 매니저

다운로드를 더 빠르게 해주는 도구에요. 무료로 사용할 수 있고, 광고도 없어요. 여러 가지 파일과 토렌트를 지원해요. 사용하기 쉽고, 여러 가지 언어를 지원해요. 인터넷에서 파일을 다운로드 받을 때 유용하게 쓸 수 있어요.

이런 분께 · 다운로드를 자주 하는 사람

설치해서 쓰는 도구● 조건부 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기misterdownloadmanager: The ultimate open-source, clean-room download manager written from scratch in pure Rust for Windows, Mac, and Linux
자세히 보기 →
05
designfuchen/word-atlas ★ 4,703포크 999TypeScript10/25 생성

영어 단어 학습 도구

이 도구는 영어 단어를 학습하기 위한 도구로, 단어의 의미와 발음을 제공하고 학습자의 진행 상황을 기록합니다. 학습자는 단어를 보고, 듣고, 연습하여 단어를 외울 수 있습니다. 이 도구는 영어 학습자에게 유용합니다.

이런 분께 · 영어 학습자

⚠ 이 도구는 오픈소스이며, 사용자는 라이선스 조건을 준수해야 합니다.
설치해서 쓰는 도구● 사용 전 확인📚 데이터·교육🌐 웹·디자인
원문 설명 보기词光 · Word Atlas — Illustrated IELTS vocabulary with 7,298 words, UK/US audio and FSRS review. Open-source app + CC BY 4.0 dataset.
자세히 보기 →
광고 영역 (목록 중간)
06
InukaAsith/TwinDesk ★ 3,937포크 305JavaScript10/14 생성

컴퓨터와 폰을 하나의 데스크로

TwinDesk는 여러 대의 컴퓨터와 폰을 하나의 데스크로 연결해주는 도구예요. 마우스와 키보드를 하나로 사용하고, 파일과 클립보드를 공유할 수 있어요. 또한, 통화와 문자, 알림을 공유할 수 있고, 폰의 카메라를 컴퓨터에서 사용할 수도 있어요. 무료이고 오픈소스라서 안심하고 사용할 수 있어요.

이런 분께 · 여러 대의 컴퓨터와 폰을 사용하는 사람

설치해서 쓰는 도구● 조건부 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기 All your computers and your phone/iPhone, working as one desk. Screens, apps, files, clipboard, calls, texts, notifications, mouse and keyboard, shared between Mac, Windows, Linux , Android, Web and ios / ipados . Free and open source. No account, no cloud, and no shared network needed.
자세히 보기 →
07
xevrion/hatchzip ★ 2,844포크 97Rust10/21 생성

HatchZip

HatchZip은 무료 오픈소스 압축 풀기 도구로, ZIP, 7z, RAR, tar 및 분할 압축 파일을 원본 압축 파일이 있는 곳에서 바로 풀어줍니다.这样하면 압축 파일과 풀린 파일이 동시에 존재하는 공간이 필요 없으므로, 디스크 공간을 절약할 수 있습니다. HatchZip은 데스크톱 앱과 명령줄 도구로 제공됩니다. 큰 게임이나 데이터를 다운로드 받을 때 디스크 공간이 부족할 때 유용합니다.

이런 분께 · 압축 파일을 자주 풀어야 하는 사람

⚠ 다른 사이트에서 제공하는 HatchZip은 본 프로젝트와 관련이 없으므로, 공식 사이트나 깃허브에서 다운로드 받으세요.
바로 쓰는 앱● 상업 이용 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기HatchZip is a free, open-source archive extractor for Windows, macOS and Linux that extracts ZIP, 7z, RAR, tar and split archives in place, so it needs free space for the extracted files only. Desktop app and CLI.
자세히 보기 →
08
paipiange/nvzhuang ★ 2,790포크 681Go10/29 생성

AI 服装参考图集

이 도구는 AI로 생성된服装 이미지를 참고할 수 있는 웹사이트입니다. 사용자는 다양한 스타일과 카테고리의 옷을 볼 수 있고, AI 모델을 사용하여 자신이 원하는 스타일의 옷을 시뮬레이션할 수 있습니다. 또한, 사용자는 자신의 사진을 업로드하여 AI가 자신을 다른 옷으로 입혀서 보여줄 수 있습니다. 이 도구는 패션 디자이너, 스타일리스트, 또는 단순히 자신만의 스타일을 찾고 싶은 사람들에게 유용할 것입니다.

이런 분께 · 패션 디자이너

바로 쓰는 앱● 상업 이용 OK🎬 미디어·창작🌐 웹·디자인
원문 설명 보기1407 张 AI 女装参考图集与虚拟试穿网站,支持中英检索、OpenAI Images / Gemini / 豆包及自定义 Base URL、API Key、模型。https://github.com/paipiange/nvzhuang
자세히 보기 →
09
emanuele-em/kanzo ★ 1,156포크 93Rust10/25 생성

간단한 칸반 보드

칸반 보드를 브라우저에서 사용할 수 있고, 에이전트와 함께 작업할 수 있는 도구입니다. 설치나 설정이 필요하지 않으며, 간단한 명령어로 사용할 수 있습니다. 브라우저, 에이전트, 터미널에서 작업할 수 있습니다.

이런 분께 · 개발자·프로젝트 매니저

⚠ 설치 시 보안 설정을 확인하세요.
설치해서 쓰는 도구● 조건부 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기Self-hosted, sharable kanban for humans and agents. One 4.7 MB binary, 5 MB of RAM, 10 to 60 tokens per agent reply, starts in 3 ms, zero setup.
자세히 보기 →
10
vmc-inner-circle/k-style-ui-ux ★ 401포크 50Python09/09 생성

한국 앱 스타일 모바일 화면 초안 생성기

이 도구는 PRD 한 장을 넣으면 한국 앱 스타일의 모바일 화면 초안을 15분 안팎에 HTML로 뽑아 줍니다. 디자이너 없이 초기 앱을 만드는 사람, 사내 도구처럼 기획·디자인까지 직접 해야 하는 개발자, 디자이너에게 유용합니다. 이 도구는 완제품을 대신 만드는 것이 아니라, 초안을 빨리 만들어 병목을 없애는 도구입니다.

이런 분께 · 디자이너, 개발자

🇰🇷 한국설치해서 쓰는 도구● 상업 이용 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기PRD 한 장으로 한국 앱 스타일 모바일 화면 초안을 15분 안팎에 만드는 Claude Code·Codex 플러그인
자세히 보기 →
광고 영역 (목록 중간)
11
woowabros/critical-script ★ 250포크 5TypeScript07/22 생성

Vite 플러그인:_critical-script

이 도구는 Vite 플러그인으로, TypeScript 코드를 HTML에 직접 넣어 실행 시간을 단축시킵니다. 예를 들어, API를 미리 불러오거나 리소스를 미리 불러오는 데 사용할 수 있습니다. 개발자가 코드를 작성하면, 이 플러그인이 자동으로 코드를 최적화하고 HTML에 넣어줍니다.

이런 분께 · Vite 사용자

🇰🇷 한국설치해서 쓰는 도구● 상업 이용 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기Vite plugin to inline TypeScript modules as critical HTML scripts that run before the main JS bundle - for API prefetch, asset preload, webview bridge, LCP optimization
자세히 보기 →
12
XNinety9/Printr ★ 113포크 16Rust10/07 생성

Printr

Printr는 라즈베리파이와 에프슨 프린터를 이용해 매일 아침 작은 영수증을 출력해주는 도구입니다. 날씨, 호로스코프, 스도쿠, 사진 등 다양한 내용을 출력할 수 있습니다. 쉽게 설치하고 설정할 수 있으며, 웹 앱을 통해 가족들이 함께 사용할 수 있습니다.

이런 분께 · 라즈베리파이 사용자

설치해서 쓰는 도구● 상업 이용 OK🔌 하드웨어·IoT🌐 웹·디자인
원문 설명 보기Little receipts that make your day: weather, horoscope, sudoku, riddles, little notes with photos… printed on an Epson TM-T88V from a Raspberry Pi (Rust, ESC/POS).
자세히 보기 →
13
toss/necto ★ 81포크 10Swift09/08 생성

iOS 디버깅 플랫폼

Necto는 iOS 앱을 디버깅하는 플랫폼으로, 필요한 기능을 플러그인으로 만들 수 있습니다. USB 디바이스나 시뮬레이터에 연결된 앱과 통신할 수 있으며, SDK는 앱 내부에서 작동하므로 프록시 설정이나 인증서 신뢰 설정이 필요 없습니다. 또한, 필요한 모든 기능을 플러그인으로 만들 수 있고, 웹 기술을 사용하여 플러그인 화면을 만들 수 있습니다.

이런 분께 · iOS 개발자

⚠ 사용 전 신뢰할 수 있는 앱과 런타임 환경에서만 사용해야 합니다.
🇰🇷 한국설치해서 쓰는 도구● 상업 이용 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기An iOS debugging platform where anything you need becomes a plugin
자세히 보기 →
14
naver/design-to-ui ★ 81포크 8Python08/03 생성

디자인을 네이티브 UI로 변환

이 도구는 피그마 디자인을 안드로이드나 아이오에스 네이티브 ui로 자동 변환해줘요. 개발자들이 디자인을 코드로 구현하는 것을 도와주는 것이에요. 클라우드 코드 플러그인으로 사용할 수 있어요.

이런 분께 · 개발자

🇰🇷 한국설치해서 쓰는 도구● 상업 이용 OK🛠 개발 도구🌐 웹·디자인
원문 설명 보기Figma 디자인을 네이티브 UI(Android Compose/XML, iOS SwiftUI/UIKit)로 변환하고, 실기기 캡처를 Figma 원본과 픽셀 대조해 오차를 보정하는 Claude Code 플러그인
자세히 보기 →
15
Moris-kr/ai-chatroom ★ 77포크 14JavaScript09/29 생성

AI 단톡방

이 도구는 네 명의 AI 친구(Claude, ChatGPT, Grok, Gemini)가 서로 대화하고, 그림을 그리며, 게임을 하는 웹 기반 단톡방입니다. 사용자는 이 친구들이 대화하는 것을 관찰할 수 있고, 원한다면 대화에 참여할 수도 있습니다. 이 도구는 Node.js로 작동하며, 각 AI 친구의 CLI를 로그인하여 사용할 수 있습니다.

이런 분께 · AI 친구들과 대화하고 싶은 사람

⚠ 개인 정보를 보호하기 위해 각 AI 친구의 CLI 로그인 정보를 안전하게 관리해야 합니다.
🇰🇷 한국설치해서 쓰는 도구● 상업 이용 OK🧠 AI·LLM🌐 웹·디자인
원문 설명 보기A web group chat where Claude, ChatGPT, Grok and Gemini hang out and talk on their own, powered by your logged-in CLIs (no API keys). English / 한국어 / 日本語
자세히 보기 →
광고 영역 (목록 중간)
16
CHE0DAN/recap-shorts-automation ★ 76포크 38Python11/03 생성

커뮤니티 쇼츠 자동 제작

이 도구는 커뮤니티의 인기글을 30~40초짜리 한국어 요약 쇼츠로 만들어 줍니다. 디시인사이드나 블라인드의 글 주소를 넣으면, 글과 댓글을 캡처하고 대본을 쓰고 목소리를 입혀서 영상 파일을 만듭니다. 설치가 필요하고, Gemini API 키도 필요합니다.

이런 분께 · 커뮤니티 유저

⚠ Gemini API 키를 사용할 때 개인 정보를 주의해야 합니다.
🇰🇷 한국설치해서 쓰는 도구● 상업 이용 OK🌐 웹·디자인🎬 미디어·창작
원문 설명 보기커뮤니티 인기글 하나로 30~40초 한국어 요약 쇼츠를 만드는 Windows 앱
자세히 보기 →
17
Lahai-Roi/MDNote ★ 70포크 2C#11/01 생성

MDNote

MDNote는 윈도우용 가벼운 마크다운 및 텍스트 편집기입니다. 마크다운 문법 없이도 문서를 작성할 수 있고, 대용량 파일도 빠르게 열 수 있습니다. 또한 여러 언어를 지원하며, 입력 중 문자가 깨지거나 커서가 이동하지 않습니다. MDNote는 무료 및 오픈소스 소프트웨어로, GPL v3 라이선스하에 배포됩니다. 사용자는 설치 버전과 포터블 버전을 선택할 수 있습니다.

이런 분께 · 윈도우 사용자

⚠ 실행 파일이 디지털 서명되지 않았으므로, 윈도우에서 첫 실행 시 경고 메시지가 나타날 수 있습니다.
원문 설명 보기Lightweight Markdown & TXT editor for Windows. Write in a formatted view without Markdown syntax; opens documents with millions of characters. English · 한국어 · 日本語 · 简体中文 · 繁體中文
자세히 보기 →
18
lingling1989r/social-case-to-excel ★ 65포크 0Python10/12 생성

소셜 미디어 데이터를 엑셀로

소셜 미디어 데이터를 엑셀로 변환하여 분석할 수 있는 도구에요. 소셜 미디어 포스트를 쉽게 분석하고, 데이터를 정리하여 엑셀 파일로 저장할 수 있어요. 이를 통해 마케팅 전략을 수립하거나 고객의 니즈를 분석하는 데 도움이 될 수 있어요.

이런 분께 · 마케터

🇰🇷 한국설치해서 쓰는 도구● 사용 전 확인📚 데이터·교육🌐 웹·디자인
원문 설명 보기Traceable social case research with illustrated Excel, methods and brand adaptations. 中文 / English / 日本語 / 한국어.
자세히 보기 →
19
selfishclub/privacy-build ★ 60포크 13-08/30 생성

개인정보 처리방침 생성기

이 도구는 한국 법 기준으로 개인정보 처리방침, 마케팅 수신동의, 이용약관을 처음부터 만들어 줍니다. 개발자가 아니더라도 쉽게 사용할 수 있습니다. Claude 스킬과 10~15분 대화하면 필요한 문서와 코드가 자동으로 생성됩니다.

이런 분께 · 개발자, 사업자

⚠ 법적 의무를 준수하지 않을 경우 과태료가 부과될 수 있으므로, 생성된 문서를仔細히 확인해야 합니다.
🇰🇷 한국설치해서 쓰는 도구● 사용 전 확인🛠 개발 도구🌐 웹·디자인
원문 설명 보기개인정보 처리방침, 마케팅 수신동의, 이용약관을 처음부터 만들어 주는 Claude 스킬 (한국 법 기준)
자세히 보기 →
20
leeuc10/blurssism ★ 42포크 6JavaScript10/05 생성

블러레마 디자인 시스템

blurssism은 웹과 앱을 위한 디자인 시스템으로, 블러와 글래스모피즘 효과를 조합하여 우유 거품 같은 크림색 바탕 위에 젖빛 크레마를 띄웁니다. 이 시스템은 반응형 그리드와 카페인 팔레트를 제공하며, React와 Svelte를 지원합니다. 개발자가 쉽게 사용할 수 있는 컴포넌트와 클래스를 제공하여, 빠르게 웹과 앱을 디자인할 수 있습니다.

이런 분께 · 웹·앱 개발자

🇰🇷 한국설치해서 쓰는 도구● 사용 전 확인🌐 웹·디자인🛠 개발 도구
원문 설명 보기글래스모피즘과 블러 효과를 조합한 웹·앱 공용 디자인 시스템 · 카페인 팔레트, 반응형 그리드, React·Svelte · A web & app design system combining glassmorphism and blur · made by caffeinecat
자세히 보기 →
광고 영역 (목록 중간)
21
tokio-rs/topcoat ★ 6,943포크 308Rust04/03 생성

Rust로 빠르고 쉽게 웹 만들기

Rust라는 강력한 언어로 웹사이트를 쉽고 빠르게 만들어주는 도구입니다. 서버와 브라우저 모두에서 동작하는 기술이라 웹사이트를 구축할 때 필요한 모든 것을 한 번에 처리해 줍니다.

이런 분께 · Rust 웹 개발자

⚠ 아직 초기 단계라 기능이 자주 바뀔 수 있습니다.
원문 설명 보기A batteries-included framework for building web apps
자세히 보기 →