Vercel 오픈 소스 프로그램: 2026년 봄 코호트

세상은 오픈 소스 소프트웨어(open source software)로 움직입니다. 우리가 의존하는 프레임워크(frameworks), 라이브러리(libraries), 그리고 도구(tools)들은 아이디어를 공유하고 공개적으로 구축하는 커뮤니티를 통해 가능해집니다.

Vercel은 이러한 커뮤니티가 번창할 수 있도록 돕고자 합니다. 이것이 바로 우리가 Vercel 오픈 소스 프로그램 (Vercel Open Source Program)을 운영하는 이유입니다. 이 프로그램은 메인테이너(maintainer)들이 프로젝트를 계속해서 출시하고 성장시키는 데 필요한 리소스와 지원을 제공하는 개발자 이니셔티브(developer initiative)입니다.

연 4회, 우리는 새로운 오픈 소스 프로젝트 코호트(cohort)를 프로그램에 맞이합니다. 메인테이너들은 3,600달러 상당의 Vercel 플랫폼 크레딧, 제3자 서비스 크레딧이 포함된 스타터 팩(starter pack), 그리고 Vercel과 커뮤니티로부터의 가이드를 받게 됩니다.

오늘, 우리는 프로그램에 참여할 새로운 코호트를 환영합니다.

최적화된 렌더링 파이프라인(rendering pipeline)을 사용하여 비디오 프레임을 실시간으로 정밀한 ASCII 표현으로 변환하는 브라우저 기반 도구입니다. 사용자는 밀도(density), 대비(contrast), 문자 집합(character sets)을 조정하여 맞춤형 ASCII 애니메이션을 제작할 수 있습니다.

125개 이상의 애니메이션 컴포넌트(animated components), 13개 이상의 사전 구축된 블록(pre-built blocks), 3개의 프리미엄 템플릿을 제공하는 무료 오픈 소스 React UI 라이브러리입니다. Material UI 및 Motion (motion/react)으로 구축되었으며, 랜딩 페이지와 Next.js 프로젝트를 구축하는 디자인 엔지니어(design engineers)를 위해 설계되었습니다.

MCP (Model Context Protocol) 서버를 구축하고 배포하기 위한 TypeScript 프레임워크로, 파일 시스템 라우팅(file-system routing), 핫 리로딩(hot reloading), 미들웨어(middleware) 지원, 그리고 설정이 필요 없는 Vercel 지원을 포함한 유연한 배포 옵션을 특징으로 합니다.

Tailwind CSS와 Framer Motion으로 스타일링된 애니메이션 및 인터랙티브(interactive) React UI 컴포넌트의 오픈 소스 컬렉션입니다. 의존성(dependency)으로 설치하기보다는 앱에 복사하여 붙여넣을 수 있도록 설계되었습니다.

React를 위한 281개의 애니메이션 SVG 아이콘 라이브러리로, 호버(hover) 및 명령형 트리거(imperative triggers)와 함께 구성 가능한 크기, 색상, 지속 시간을 제공합니다. npm 패키지로 설치하거나 CLI, shadcn, 또는 AI 에이전트를 위한 MCP 서버를 통해 직접 복사할 수 있습니다. motion/react

매칭되는 Figma 라이브러리와 결합된 React 컴포넌트 라이브러리로, 아름다운 제품을 구축하거나 자신만의 디자인 시스템 (Design System)을 시작할 수 있도록 전문가가 제작한 컴포넌트를 제공합니다. 또한 커스텀 디자인 시스템을 구축하는 팀을 위해 헤드리스 컴포넌트 (Headless Components) 및 프레임워크에 구애받지 않는 유틸리티 (Framework-agnostic utilities)도 포함하고 있습니다.

JavaScript/TypeScript, CSS, HTML, JSON, Markdown, YAML, Rust 등 다양한 언어의 여러 파서 (Parser)에 의해 생성된 추상 구문 트리 (Abstract Syntax Trees, AST)를 탐색할 수 있는 웹 기반 도구입니다. Monaco Editor 통합, URL 기반 코드 공유, CDN을 통한 사용자 정의 가능한 파서 버전, 그리고 파서 옵션을 설정할 수 있는 GUI를 특징으로 합니다.

Satori를 통해 실제 shadcn/ui Button 컴포넌트로 렌더링되는 README 배지를 생성하는 오픈 소스 배지 서비스로, shields.io의 무료 대안 역할을 합니다. 광범위한 프로바이더 (npm, GitHub, Discord 등), 변형 (Variants), 크기, 아이콘, 애니메이션을 지원하며, CLI와 Docker를 통한 셀프 호스팅 (Self-hosting)을 제공합니다.

shadcn-svelte를 기반으로 구축된 Vercel AI Elements의 비공식 SvelteKit 포트이며, 채팅 앱, 추론 UI (Reasoning UIs), 워크플로 빌더와 같은 AI 네이티브 인터페이스를 위한 컴포넌트 레지스트리를 제공합니다.

Next.js를 위한 오픈 소스, MIT 라이선스, TypeScript 우선 CMS 및 앱 프레임워크로, 코드에서 직접 또는 시각적 관리자 빌더를 통해 콘텐츠 스키마 (Content Schemas)를 정의할 수 있습니다. 타입이 지정된 REST 및 Direct API, 사용자 정의 가능한 관리자 대시보드, 플러그형 데이터베이스 및 스토리지 어댑터, 그리고 인증 (Auth), RBAC, 미디어, 훅 (Hooks)과 같은 내장 기능을 제공합니다.

Rust 기반의 터미널 보안 도구로, 실행 전 셸 명령 (Shell commands), 붙여넣은 콘텐츠 및 파일을 가로채어 호모그래프 URL (Homograph URLs), 파이프 투 셸 (Pipe-to-shell) 공격, ANSI 인젝션 (ANSI injection), 난독화된 페이로드 (Obfuscated payloads), 악성 AI 에이전트 설정과 같은 위협을 차단합니다. 셸 훅 (Shell hooks), MCP 서버, CLI 스캐너를 통해 실행 전 게이트웨이 역할을 수행하며, 80개 이상의 탐지 규칙과 알려진 악성 패키지, IP, 타이포스쿼팅 (Typosquats)을 다루는 서명된 위협 인텔리전스 데이터베이스를 사용합니다.

중국어 사용 개발자를 위해 AI 지원 코딩 워크플로우 (workflows), 에이전트 (Agent) 실험, 도구 평가 및 실패 사례를 기록하는 오픈 소스 실험실입니다.

shadcn 레지스트리 (registry) 형태로 배포되는, 커스터마이징 가능한 React 차트 및 유틸리티 컴포넌트의 오픈 소스 라이브러리입니다. 또한 차트를 미세 조정하고 생성된 코드나 레지스트리 JSON을 내보낼 수 있는 인터랙티브 플레이그라운드인 Studio를 포함하고 있습니다.

Cucumber JSON 출력을 대시보드, 다크 모드 (dark mode), 멀티 런 통합 (multi-run consolidation), 풍부한 메타데이터 표시와 같은 기능을 갖춘 인터랙티브하고 커스터마이징 가능한 HTML 보고서로 변환하는 Node.js 모듈입니다.

일관된 API를 통해 다양한 제공업체 간의 결제 처리를 단순화하는 통합 오픈 소스 TypeScript SDK입니다.

연구자들이 AI 어시스턴트를 사용하여 논문을 발견하고 심층적으로 탐구할 수 있도록 돕는 오픈 소스이자 MIT 라이선스 워크스페이스로, arXiv, 업로드된 문서, 기술 블로그와 같은 웹사이트 링크를 지원합니다.

삼각형 메시 (triangle meshes) 대신 정확한 B-Rep (boundary representation, 경계 표현) 기하학을 사용하여 JavaScript에서 CAD 모델링을 수행하는 TypeScript 라이브러리입니다. 이를 통해 정밀한 불리언 (booleans) 연산, 실제 측정값, STEP 파일 내보내기가 가능합니다. 인클로저 (enclosures) 및 브래킷 (brackets)과 같은 파라메트릭 부품을 대상으로 하며, TypeScript의 타입 시스템 (type system)을 활용하여 컴파일이 된다면 기하학적 구조가 유효함을 보장합니다.

개발자가 보일러플레이트 (boilerplate) 설정 없이 컴포넌트를 바로 가져다 쓰고, 토큰 (tokens)을 조정하여 빠르게 출시할 수 있도록, 사용자가 소유하는 shadcn/ui 프리미티브 (primitives)와 미세한 모션 애니메이션을 결합하여 제공하는 컴포넌트 라이브러리입니다.

사용자가 실제 shadcn/ui 프리셋 (presets)을 찾아보고, 실시간으로 미리 보며, 일반 영어로 검색하고, 즐겨찾기에 투표하고, shadcn CLI를 통해 설치할 수 있게 해주는 shadcn/ui 모노레포 (monorepo)의 오픈 소스 포크 (fork)입니다. 이 프로젝트는 업스트림 (upstream) CLI, 레지스트리 및 커스터마이저 위에 Next.js 앱을 레이어링하여 프리셋 페이지가 v4 생성 경험과 동기화된 상태를 유지하도록 합니다.

주로 TypeScript로 구축되었으며 Next.js, PostgreSQL, Prisma, Tailwind CSS와 같은 기술을 사용하는 인터랙티브 학습을 위한 오픈 소스 플랫폼입니다.

AI 코딩 에이전트 (AI coding agents)를 위해 설계된 React 기반 슬라이드 프레임워크로, 각 데크 (deck)는 1920×1080 고정 캔버스에 렌더링되며 에이전트가 자연어 프롬프트 (natural language prompts)로부터 슬라이드 컴포넌트를 생성합니다. 요소에 대한 코멘트를 달 수 있는 브라우저 내 인스펙터 (in-browser inspector), 발표자 모드 (presenter mode), 에셋 매니저 (asset manager), 그리고 정적 HTML 또는 PDF로의 내보내기 기능을 포함합니다.

각 참가자의 가용 시간을 기반으로 최적의 날짜와 시간을 찾기 위해 간단한 투표를 생성하여 그룹 회의 일정을 잡는 오픈 소스 도구입니다. Next.js, Prisma, tRPC, TailwindCSS로 구축되었으며, 사용자가 길고 번거로운 이메일 주고받기 없이 이벤트를 조율할 수 있도록 돕습니다.

GitHub, Linear, Slack과 같은 도구에 연결되어 팀의 활동(머지된 PR, 종료된 이슈, 대화 등)을 팀의 브랜드 보이스 (brand voice)에 맞춘 변경 로그 (changelog), 블로그 포스트, 소셜 미디어용 게시물 초안으로 자동 변환하는 이벤트 기반 (event-driven) 플랫폼입니다.

AI 코딩 도구(Codex, Cursor, Claude Code)를 위한 휴대 가능한 에이전트 스킬 (Agent Skills) 모음으로, 더 나은 레이아웃, 타이포그래피 (typography), 모션 (motion), 간격 (spacing)을 통해 AI가 생성한 프론트엔드 인터페이스를 개선하도록 설계되었습니다. 또한 웹 컴프 (web comps), 모바일 화면, 브랜드 키트 (brand kits)와 같은 레퍼런스 보드를 제작하기 위한 이미지 생성 스킬도 포함되어 있으며, 생성된 결과물은 구현을 위해 코딩 에이전트에게 전달될 수 있습니다.

AI 에이전트를 위한 보안 우선 권한 및 위임 시스템으로, 권한 평면 (authority plane) 역할을 수행합니다. 에이전트 코드에 프로바이더 비밀 키 (provider secrets)를 직접 임베딩하지 않고도, 범위가 지정되고(scoped), 수명이 짧으며(short-lived), 취소 가능하고(revocable), 완전히 감사 가능한(fully auditable) 자격 증명을 통해 에이전트가 도구, API 및 프로바이더에 안전하게 접근할 수 있도록 합니다.

Claude Code(및 Gemini CLI, OpenCode, Codex와 같은 기타 에이전트)를 위한 지속성 메모리 압축 (persistent memory compression) 시스템으로, 세션 활동을 자동으로 캡처하고 의미론적 요약 (semantic summaries)을 생성하며, 향후 세션에 관련 컨텍스트 (context)를 주입하여 세션 간의 컨텍스트를 원활하게 보존합니다.

React와 Rust/Tauri로 구축되었으며 PostgreSQL, MySQL/MariaDB, SQLite를 지원하는 Apache 2.0 라이선스의 오픈 소스 데이터베이스 클라이언트입니다. SQL 노트북 (SQL notebooks), 시각적 EXPLAIN (visual EXPLAIN), AI 에이전트를 위한 내장형 MCP 서버, 그리고 개발자가 어떤 언어로든 추가 데이터베이스 지원을 추가할 수 있는 플러그인 시스템을 특징으로 합니다.

기술 마케터와 창업자들이 전환 최적화 (conversion optimization), 카피라이팅 (copywriting), SEO, 분석 (analytics), 성장 엔지니어링 (growth engineering)과 같은 분야에서 AI 코딩 에이전트를 활용할 수 있도록 설계된 마케팅 작업을 위한 AI 에이전트 기술 (AI agent skills) 모음입니다. Claude Code, OpenAI Codex, Cursor, Windsurf, 그리고 Agent Skills 사양을 지원하는 모든 에이전트와 함께 작동합니다.

수학적 기초부터 자율 에이전트 (autonomous agents) 및 프로덕션 배포 (production deployment)에 이르기까지, 20개의 별도 단계에 걸쳐 총 503개의 레슨으로 구성된 MIT 라이선스의 오픈 소스 AI 엔지니어링 커리큘럼입니다. 각 레슨에서 학습자는 프로덕션 프레임워크를 사용하기 전에 먼저 알고리즘을 처음부터 직접 구축하며 (Python, TypeScript, Rust 또는 Julia 사용), 프롬프트 (prompt), 기술 (skill), 에이전트 (agent) 또는 MCP 서버와 같은 재사용 가능한 아티팩트 (artifact)를 배포합니다.

저희 오픈 소스 프로그램의 2026년 봄 코호트(cohort) 여러분께 감사드립니다. 이 프로젝트들이 성장하고 커뮤니티에 기여하는 모습을 기대하겠습니다.

Insights

Vercel 오픈 소스 프로그램: 2026년 봄 코호트

요약

핵심 포인트

2026년 봄 코호트

웹은 오픈 소스로 구동됩니다

ASCII Studio

Sync UI

xmcp

Componentry

AnimateIcons

Reshaped

AST Explorer

ShieldCN

Svelte AI Elements

Nextly

Tirith

bestJavaer

Bklit UI

Multiple Cucumber HTML Reporter

PayRoutes

Artifact

brepjs

Iconiq

shadcnpreset

Zoonk

open-slide

Rallly

Notra

taste-skill

Caracal

Claude-Mem

Tabularis

Marketing Skills

AI Engineering from Scratch

performative-ui

댓글

X에서 화제가 된 YouTube 쇼츠 제작, 이 저장소를 사용한 것이었습니다!

현재 Hugging Face 4위를 기록 중인 트렌딩 모델의 검열되지 않은 이단아, 9/100의 거부율과 단 0.0019 KLD

경제학자들에게 필요한 것은 무작위 프롬프트 나열이 아니라 AI 워크플로우입니다.

OpenAI 보안 책임자의 공식 인정: 이 공격은 "영원히 완전히 해결되지 않을 수도 있습니다"

현재 Hugging Face 4위를 기록 중인 트렌딩 모델의 검열되지 않은 이단아, 9/100의 거부율과 단 0.0019 KLD

경제학자들에게 필요한 것은 무작위 프롬프트 나열이 아니라 AI 워크플로우입니다.

OpenAI 보안 책임자의 공식 인정: 이 공격은 "영원히 완전히 해결되지 않을 수도 있습니다"