framer-motion

디자인 엔지니어를 위한 UI 라이브러리. 앱에 복사하여 붙여넣을 수 있는 애니메이션 컴포넌트와 효과. 무료, 오픈 소스.

아름답고 애니메이션이 적용된 인터페이스를 더 빠르게 제작할 수 있는 UI 킷. 커스텀 가능, 오픈 소스.

Design Engineer를 위해 제작된 컴포넌트. Tailwind CSS로 스타일링되었으며, Shadcn과 완벽히 호환되고 복사하여 붙여넣는 방식으로 쉽게 통합할 수 있습니다. MIT 🤌

Next.js 프로젝트를 위한 컴포넌트, 훅, 유틸리티 모음

React, TypeScript, Tailwind CSS, Motion 및 Shadcn CLI로 제작된 완전 애니메이션 지원 오픈 소스 컴포넌트 배포판입니다. 프로젝트에서 설치, 수정 및 사용할 수 있는 컴포넌트 목록을 찾아보세요.

CSS Flexbox의 강력한 기능을 사용하여 유연한 레이아웃을 생성하는 웹 앱

UI Layouts는 단순한 라이브러리가 아닙니다. 컴포넌트, 효과, 디자인 도구, 즉시 사용 가능한 블록을 갖춘 완벽한 프론트엔드 유니버스로, 현대적인 인터페이스를 더 빠르게 구축하는 데 필요한 모든 것을 제공합니다.

React와 three.js를 사용하여 구축한 개인 포트폴리오 웹사이트

모던 React 어드민 템플릿. React 19, Vite, TypeScript 기반입니다. 매우 빠릅니다!

Vue를 위한 모션 라이브러리

관련 YouTube 영상을 위한 코드 저장소입니다. 이 튜토리얼에서는 실시간 채팅 애플리케이션을 구축하고 배포합니다. 다루는 주제: React.js, SCSS, Framer Motion, Sanity

웹사이트에서 사용할 수 있는 Tailwind CSS, shadcn/ui, Motion으로 제작된 멋진 컴포넌트 오픈소스 모음

Cali Castle의 개인 웹사이트

framer motion으로 애니메이션 효과를 준 Next.js용 온보딩 마법사 흐름 / 제품 투어

React를 위한 모션 컴포넌트. 복사하고 붙여넣으면 끝입니다.

⭐Next.js, Tailwind CSS, Framer-motion을 사용하여 멋진 포트폴리오 웹사이트를 구축하세요. 제작 방법을 배우려면 README 파일에 있는 튜토리얼 링크를 확인하세요.

React, Next.js 및 기타 JSX 프레임워크를 위한 UI 컴포넌트 라이브러리. Tailwind CSS로 빌드되어 아름답고 인터랙티브하며 반응형인 인터페이스를 빠르고 쉽게 만들 수 있습니다.

shadcn/ui 및 Base UI에서 사용할 수 있는 프로덕션 준비 완료 UI 블록, 컴포넌트, 전체 페이지로, Framer Motion을 기반으로 하며 랜딩 페이지 빌더, 배경 빌더, 그리드 제너레이터를 제공합니다.

Framer Motion 애니메이션과 Sonner를 기반으로 구축된 끈적하고 변형되는 토스트 컴포넌트

각 키캡이 기술 스택인 키보드가 포함된 인터랙티브 3D 개발자 포트폴리오. Next.js, React, TypeScript, GSAP 및 Motion으로 제작되었으며 무료로 사용할 수 있습니다!

Svelte Magic UI, Svelte Aceternity UI, Tailwind CSS 및 Framer Motion을 사용하여 구축된 Svelte 구성 요소

부드러운 마이크로 인터랙션, 쉬운 커스터마이징, 가벼운 성능을 위해 제작된 React용 무료 오픈소스 애니메이션 SVG 아이콘.

Motion으로 구축된 유연한 바텀 시트 컴포넌트로, 접근성을 유지하면서 부드러운 사용자 경험을 제공합니다

React와 Emotion으로 구축된 Yamada를 위한, Yamada에 의한, Yamada의 React UI 컴포넌트

다음 프로젝트를 위해 직접 제작한 Framer Motion variant 모음입니다.

AI 네이티브 CLI 우선 React 컴포넌트 라이브러리. Cursor, Claude, GitHub Copilot을 위한 MCP 서버 지원 및 160개 이상의 애니메이션, 접근성, 프로덕션 준비가 완료된 컴포넌트 제공. 복사-붙여넣기 아키텍처로 코드 소유권 보장

Tailwind CSS 기반의 사전 제작된 컴포넌트, 애니메이션, 효과를 무료로 이용하세요. Framer Motion으로 구현되어 복사하여 바로 사용할 수 있습니다!

JavaScript를 최소화하고 CSS를 극대화하며, 창의성을 자극하고 온전히 소유 및 이해할 수 있는 코드를 제공하는 깔끔하고 복사-붙여넣기 가능한 컴포넌트로 UI를 단순화하세요.

Cloud Firestore와 Storage를 사용하여 Next.js + TypeScript + Tailwind CSS로 구축한 Twitter 클론