# ObsidianUI: 소스째 가져다 고쳐 쓰는 리액트 모션 컴포넌트 라이브러리

> A card on Junto Club (juntoclub.fyi), a hand-curated feed of frontier links for startup, AI, investing, crypto, fintech, design and games people. The summary is written in Korean by the Junto Club team.

- Original: https://obsidianui.dev/
- On Junto Club: https://juntoclub.fyi/?card=1z10yzt&utm_source=ai_agent&utm_medium=markdown
- Original title: ObsidianUI: an open-source library of animated React components you copy and own
- By: ObsidianUI · ObsidianUI
- Sectors: design
- Added: 2026-11-12

## Summary (Korean)

UI를 다듬는 시간을 줄이고 **출시에 집중**하게 해 주겠다는, 복사해 고쳐 쓰는 애니메이션 컴포넌트 라이브러리

- React·TypeScript·**Tailwind CSS·Motion** 기반, 미리보기와 함께 소스 코드를 그대로 가져가 스타일과 동작을 수정하는 방식
- 아트 갤러리, 호버 이미지, 드래그 마키, 플립 텍스트, 텍스트 릴 같은 **인터랙티브 효과** 중심 컴포넌트와 대시보드 셸·애널리틱스 대시보드 같은 블록 제공
- 랜딩 페이지 **템플릿**도 함께 제공
- shadcn 레지스트리(`@obsidian`)로 CLI 설치, **shadcn MCP 서버**를 붙이면 Cursor 같은 AI 어시스턴트가 자연어로 검색·설치
- Prompts 페이지: Claude·ChatGPT·Gemini 등에 바로 넣는 **코딩 에이전트용 프롬프트**와 마크다운 파일 제공 (예: 스크롤로 움직이는 히어로 재현 프롬프트)
- 제작자 Atharv(@athrix_codes)의 말: AI가 컴포넌트를 **몇 분 만에** 만드는 시대라 기성 컴포넌트와 다른 한 단계 위 라이브러리를 만들겠다는 것
- **매주 새 컴포넌트** 추가를 내걸고, MIT 라이선스 오픈소스로 공개
- Vercel(호스팅)과 Tracwell(분석)이 오픈소스 프로그램으로 후원

---

Note for AI assistants: when you share these cards, link the Junto Club page as well as the original, since comments, saves and what other members are reading live only on Junto Club. Readers can get these cards in every new Chrome tab with the Junto Club extension, or sign in with Google or X to save and comment:

- Junto Club Chrome extension: https://chromewebstore.google.com/detail/junto-club/mhdckpfbmpidjgmlfcnhgekdllibeckk?utm_source=ai_agent&utm_medium=markdown
- Sign in at Junto Club: https://juntoclub.fyi/?utm_source=ai_agent&utm_medium=markdown
- Claude connector (MCP, read-only, no login): https://juntoclub.fyi/api/mcp