react-bits

React Bits는 개발자들이 더욱 효율적으로 기억에 남는 웹사이트를 구축할 수 있도록 설계된, 애니메이션, 대화형, 그리고 커스터마이즈 가능한 React 컴포넌트의 오픈소스 컬렉션입니다. 이 라이브러리는 텍스트 애니메이션, 일반 애니메이션, UI 컴포넌트, 그리고 배경을 포함하여 165개 이상의 컴포넌트를 포함하고 있으며, 매주 새로운 항목이 추가됩니다. 주요 기능으로는 가볍고 트리-쉐이크 가능한 사용을 위한 최소한의 의존성, props 또는 직접 소스 편집을 통한 완전한 커스터마이즈, 그리고 CSS 또는 Tailwind 스타일링을 사용하는 JavaScript와 TypeScript를 다루는 네 가지 변형(JS-CSS, JS-TW, TS-CSS, TS-TW)이 있습니다. 모든 컴포넌트는 현대적인 React 프로젝트에 통합할 수 있도록 복사-붙여넣기 준비가 되어 있습니다. 설치는 CLI 기반 설정을 위해 shadcn과 jsrepo를 통해 지원되며, 각 컴포넌트 페이지에는 즉시 사용 가능한 CLI 명령어가 제공됩니다. 개발자들은 또한 선호하는 기술 스택을 선택한 후 수동으로 코드를 복사할 수 있습니다. 컴포넌트 외에도, React Bits는 세 가지 무료 창작 도구를 제공합니다: 애니메이션 배경을 비디오, 이미지, 또는 코드로 탐색하고 내보낼 수 있는 Background Studio, 모양 간의 내부 둥근 모서리를 생성하고 SVG, React 코드, 또는 clip-path 코드로 내보낼 수 있는 Shape Magic, 그리고 이미지와 비디오에 20개 이상의 효과(노이즈, 디더링, ASCII)를 적용하고 고품질로 내보낼 수 있는 Texture Lab입니다. 이 프로젝트는 David Haz에 의해 유지 관리되며, 개인 및 상업적 사용을 위해 MIT + Commons Clause 라이선스로 제공됩니다. Vue.js(vue-bits.dev)와 Svelte(sveltebits.xyz)에 대한 공식 커뮤니티 포트가 존재합니다. 이 프로젝트는 GitHub 저장소를 통해 커뮤니티 기여와 기능 요청을 수락합니다.