avatar

추천 링크 모음

다양한 라이브러리와 도구들을 모아봤어요.

디자인 에셋

고퀄리티 이미지, 아이콘, 아바타 등 디자인 작업의 기초가 되는 리소스

Unsplash
전 세계 작가들이 공유하는 고해상도 무료 이미지 스톡
Things
세련된 감성의 고퀄리티 큐레이션 이미지 리소스
pqoqubbw/icons
생동감을 더해주는 세련된 애니메이션 아이콘 세트
Simple Icons
수천 개의 유명 브랜드 로고를 SVG 포맷으로 제공
Dicebear
다양한 스타일의 사용자 아바타를 생성하는 라이브러리

레퍼런스

UI/UX 설계와 디자인 방향성을 잡을 때 참고하기 좋은 레퍼런스

Mobbin
실제 서비스들의 온보딩부터 결제까지의 UX 흐름 분석
Designus
국내외 다양한 웹/앱 서비스의 디자인 레퍼런스 모음
WIT
국내 앱 서비스들의 화면별 디자인 패턴 아카이브
60FPS
부드러운 인터랙션과 애니메이션 중심의 디자인 레퍼런스
Good UI
실제 A/B 테스트 결과를 바탕으로 한 승률 높은 UI 패턴 가이드
LaunchKit
모던한 랜딩페이지 레이아웃 구성을 위한 시각적 가이드

프론트엔드 라이브러리

React와 Next.js 개발 생산성을 한 단계 높여주는 라이브러리

21st
React 컴포넌트의 큐레이션 리소스
ReactBits
특별한 인터랙션을 위한 독창적인 React 애니메이션 컴포넌트
Aceternity UI
Tailwind CSS 기반의 트렌디하고 화려한 UI 컴포넌트 모음
ReUI
shadcn/ui와 Framer Motion을 결합한 실무 중심 UI 킷
Anime.js
자바스크립트 기반의 강력하고 가벼운 애니메이션 동력원
React Email
React 환경에서 현대적인 이메일 템플릿을 개발하는 표준 도구

마케팅

앱 스토어 최적화 및 출시까지 필요한 도구들

ASO Report
앱 스토어 검색 최적화(ASO)를 위한 분석 및 인사이트 제공
App Icon & Splash
앱 아이콘과 스플래시 화면을 규격에 맞춰 자동 생성
Screenshots Pro
앱 스토어 등록용 고퀄리티 스크린샷 홍보 이미지 제작
Privacy Policy Gen
복잡한 앱 개인정보 처리방침을 간편하게 생성
Dub
간편한 URL 줄이기 서비스

개발 유틸리티

일상적인 개발 업무의 효율을 높여주는 작지만 강력한 도구들

RN.new
React Native 프로젝트를 가장 빠르게 시작하는 CLI 도구
Excalidraw
가상 화이트보드에서 손으로 그린 듯한 다이어그램 작성
Code2Image
소스 코드를 공유하기 좋은 깔끔한 이미지로 변환
Screely
평범한 스크린샷을 세련된 브라우저 목업 이미지로 완성
Microsoft Clarity
사용자의 행동을 히트맵과 녹화로 확인하는 UX 분석 도구

기술 인사이트

현재 기술 트렌드와 생태계의 변화를 파악할 수 있는 통계 및 뉴스

State of JS
자바스크립트 생태계의 거대한 흐름과 최신 트렌드 리포트
State of React
가장 많이 쓰이는 프레임워크인 React의 현재와 미래
State of RN
React Native 커뮤니티의 기술 선택과 만족도 조사
GeekNews
매일 엄선되어 올라오는 IT 기술 및 비즈니스 뉴스

사이드 프로젝트

배움을 기록하고 가치를 나누기 위해 직접 개발한 프로젝트

Clip Memo
PWA 기반으로 언제 어디서든 빠르게 기록하는 메모 웹 앱
Patch Log
해외 스팀 게임의 패치 내역을 한글로 번역하여 제공
Taillog
브라우저 콘솔에서 네트워크 요청을 확인할 수 있는 툴