오늘은 자바스크립트 생태계에서 올해 가장 주목받는 오픈소스 프로젝트들을 소개합니다. 매년 JavaScript Rising Stars가 발표되는데요, 이번 매거진에서는 GitHub에서 가장 많은 스타를 받은 상위 10개 프로젝트와 각 분야별 주목할 만한 프로젝트들을 상세히 살펴보겠습니다. 자, 그럼 시작해볼까요!
1. shadcn/ui
https://github.com/shadcn-ui/ui
shadcn/ui는 작년에 38,000개의 스타를 받아 올해에도 1위를 유지했습니다. 이 컴포넌트 라이브러리는 Radix UI Primitives와 Tailwind CSS를 기반으로 스타일링된 컴포넌트 모음집입니다. 기존 UI 라이브러리와 달리 필요한 컴포넌트를 프로젝트 폴더에 설치하여 사용하는 새로운 패러다임을 제시하며, Blocks와 Charts 기능을 추가해 개발자 경험을 향상시켰습니다. Vercel의 AI 도구인 v0과의 연동도 shadcn/ui의 인기를 견인하고 있습니다.
2. Excalidraw
https://github.com/excalidraw/excalidraw
Excalidraw는 작년 한 해 동안 27,000개의 스타를 받아 2위에 올랐습니다. 이 가상 칠판 도구는 손글씨 느낌의 다이어그램과 스케치를 지원하며, 로컬 저장을 기본으로 하는 Local-First 소프트웨어입니다. Excalidraw+라는 유료 플랜을 통해 클라우드 저장 및 AI 기능도 제공합니다. AI와의 상호작용을 강화한 기능들이 추가되어 더욱 주목받고 있습니다.
3. AFFiNE
https://github.com/toeverything/AFFiNE
AFFiNE는 19,600개의 스타를 기록하며 3위에 등극했습니다. 이 프로젝트는 Notion과 Miro의 기능을 통합한 오픈소스 도구로, Local-First 전략을 채택해 데이터 프라이버시를 보장합니다. Pro 플랜을 통해 AI 기능도 제공하며, 지식 관리와 협업에 최적화된 솔루션을 제공합니다.
4. Bruno
https://github.com/usebruno/bruno
Bruno는 API 관리 및 테스팅을 위한 오프라인 전용 IDE로, 18,700개의 스타를 받았습니다. Postman과 Insomnia의 오픈소스 대체재로, 데이터 프라이버시에 중점을 두고 클라우드 동기화를 제공하지 않습니다. 현재 팀 규모를 확장하며 기능을 추가하고 있지만, 지속적인 발전이 필요한 상황입니다.
5. n8n
n8n은 17,000개의 스타를 기록한 오픈소스 워크플로 자동화 플랫폼입니다. Zapier와 Make와 유사하지만, 셀프 호스팅을 지원해 데이터 보안을 강화할 수 있습니다. LangChain을 기반으로 한 AI 에이전트 워크플로 구축도 가능하며, 400개 이상의 통합 기능과 900개 이상의 템플릿을 제공합니다.
6. htmx
https://github.com/bigskysoftware/htmx
htmx는 HTML 속성을 사용해 AJAX, CSS Transitions, WebSockets 등을 구현할 수 있게 해주는 기술로, 16,800개의 스타를 받았습니다. 웹 개발의 복잡성을 줄이고 선언적인 방식으로 상호작용 가능한 웹 애플리케이션을 구축할 수 있도록 도와줍니다. 최근 큰 상승세를 보이며 주목받고 있습니다.
7. Tauri
https://github.com/tauri-apps/tauri
Tauri는 웹 기술을 사용해 데스크탑 및 모바일 애플리케이션을 개발할 수 있는 프레임워크로, 15,900개의 스타를 기록했습니다. Electron과 유사하지만 React, Vue, Angular 등 다양한 프론트엔드 기술을 지원하며, Rust를 사용한 개발이 요구됩니다. 2.0 버전 출시 이후 입지를 강화하고 있습니다.
8. Supabase
https://github.com/supabase/supabase
Supabase는 14,500개의 스타를 받은 오픈소스 Firebase 대체재입니다. PostgreSQL 기반의 관계형 데이터베이스를 제공하며, 데이터베이스, 인증, 스토리지 등의 기능을 한 곳에서 관리할 수 있습니다. 1인 개발자와 작은 팀에게 특히 유용한 솔루션입니다.
9. Flowise
https://github.com/FlowiseAI/Flowise
Flowise는 드래그 앤 드롭 UI를 통해 맞춤형 LLM 플로우를 제작할 수 있는 도구로, 14,500개의 스타를 받았습니다. 다양한 LLM을 결합해 AI 에이전트를 쉽게 구축할 수 있으며, 사용자 친화적인 인터페이스를 제공합니다.
10. Payload
https://github.com/payloadcms/payload
Payload는 14,400개의 스타를 기록한 CMS 프레임워크로, Next.js 기반의 풀스택 애플리케이션 개발을 지원합니다. CMS 기능 외에도 백엔드 및 관리자 도구를 손쉽게 구축할 수 있어, 빠른 제품 개발이 필요한 스타트업에 적합합니다.
각 세부 분야별 주목할 만한 프로젝트
프론트엔드 프레임워크 부문 3위: Svelte
Svelte는 컴파일러를 사용해 최적화된 자바스크립트로 변환하여 가볍고 빠른 웹 애플리케이션을 구축할 수 있는 프레임워크로, 6,100개의 스타를 받았습니다. 최신 버전 5에서는 “runes”라는 새로운 개념을 도입해 반응형 상태 관리를 개선했습니다.
리액트 에코시스템 부문 4위: Refine
Refine는 대시보드와 관리자 도구를 개발하기 위한 리액트 프레임워크로, 11,700개의 스타를 기록했습니다. Retool의 오픈소스 대체재로, 내부 도구 개발에 최적화된 솔루션을 제공합니다.
Vue 에코시스템 부문 1위: Nuxt
Nuxt는 Vue.js 기반의 풀스택 웹 애플리케이션 프레임워크로, 6,200개의 스타를 받았습니다. Next.js에서 영감을 받아 탄생한 Nuxt는 Vue 생태계의 핵심 프레임워크로 자리매김하고 있습니다.
백엔드/풀스택 & 정적 사이트 부문 1위: Next.js
Next.js는 리액트 기반의 풀스택 웹 애플리케이션 프레임워크로, 12,100개의 스타를 기록하며 백엔드/풀스택과 정적 사이트 부문 모두 1위를 차지했습니다. 현재 웹 개발 생태계에서 가장 영향력 있는 프레임워크로, 다양한 최신 기능을 지속적으로 도입하고 있습니다.
빌드툴 부문 1위: Bun
Bun은 8,600개의 스타를 받은 빠른 올인원 자바스크립트 및 타입스크립트 툴킷입니다. Node.js를 대체할 목적으로 설계되었으며, Windows 지원과 호환성 향상을 위해 지속적으로 업데이트되고 있습니다.
모바일 부문 1위: Expo
Expo는 리액트 네이티브 애플리케이션 개발을 쉽게 해주는 오픈소스 프레임워크로, 10,500개의 스타를 기록했습니다. Expo Router를 통해 웹과 네이티브 플랫폼에서 동작하는 유니버설 애플리케이션 개발을 지원합니다.
상태 관리 부문 1위: Zustand
Zustand는 간단한 코드로 리액트 및 리액트 네이티브에서 상태 관리를 쉽게 할 수 있는 라이브러리로, 10,800개의 스타를 받았습니다. 지속적인 인기를 유지하며, 현재 상태 관리 분야에서 독보적인 위치를 차지하고 있습니다.
AI 부문 3위: Bolt
Bolt는 AI 기반의 풀스택 웹 개발 에이전트로, 11,100개의 스타를 기록했습니다. v0와 유사하지만 개발 과정을 브라우저에서 모두 지원하여 AI를 활용한 개발을 혁신적으로 변화시키고 있습니다.
스타일링 부문 1위: Tailwind CSS
Tailwind CSS는 유틸리티 퍼스트 CSS 프레임워크로, 9,400개의 스타를 받았습니다. 빠른 UI 개발을 지원하며, shadcn/ui와 같은 최신 라이브러리에서도 널리 사용되고 있습니다.
테스팅 부문 1위: Playwright
Playwright는 마이크로소프트에서 개발한 웹 테스팅 및 자동화 프레임워크로, 10,400개의 스타를 기록했습니다. Cypress와 Puppeteer의 대안으로, 다양한 브라우저를 지원하며 효율적인 E2E 테스트를 제공합니다.
마치며
이번 2025년 JavaScript Rising Stars를 통해 올해 자바스크립트 생태계에서 가장 주목받는 프로젝트들을 살펴보았습니다. 오픈소스 생태계를 이끄는 수많은 개발자들의 열정에 힘입어, 앞으로도 더 혁신적인 프로젝트들이 등장할 것으로 기대됩니다. 여러분들도 자바스크립트 생태계에 꾸준히 관심을 가지고 지켜보세요!