>웹 프론트엔드 >CSS 튜토리얼 >oo 맞춤 저장소 구성 요소

oo 맞춤 저장소 구성 요소

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2024-08-19 04:38:32755검색

ool custom repo components

iHateReading Custom Repository 섹션에 오신 것을 환영합니다.

iHateReading이 무엇인지 모르는 대부분의 분들을 위해 웹사이트를 확인해 보세요. 이는 개발자가 프로그래밍을 배우고 프로젝트를 구축하며 프로그래밍에 대한 최신 정보를 얻을 수 있는 플랫폼입니다.

https://ihatereading.in

오늘 저는 사용자 정의 저장소라는 섹션을 시작합니다. 이는 기본적으로 사용자 정의 저장소가 개발자에게 도움이 된다는 것을 의미합니다

  • 소스 코드나 코드 구성요소를 복사하여 붙여넣기만 하면 됩니다
  • 코드 상용구 다운로드/복제/재사용
  • 빠르게 배우세요
  • 효율적으로 구축

예를 들어, 아래는 제가 공유한 4개의 코드 샘플입니다

데모 영상 확인하기

무한 캐러셀 구성요소

next.js 앱에서 GSAP 및 Tailwind CSS를 사용하여 구축된 무한 스크롤 애니메이션 캐러셀 구성요소
컴포넌트

온도 슬라이더 구성요소

GSAP 및 Tailwind CSS를 사용하여 온도 구성 요소를 다시 애니메이션으로 변경하는 슬라이드
컴포넌트

가장 작은 포트폴리오 또는 NavigationBar 구성 요소

가장 작은 포트폴리오 구성 요소
컴포넌트

ScrollSync 모달

스크롤하여 구성 요소 크기를 다시 늘리고 gsap 및 Tailwind CSS를 사용하여 빌드하세요
컴포넌트

현재 사용되는 라이브러리는 다음과 같습니다

  1. GSAP
  2. 테일윈드 CSS
  3. 프레이머 모션
  4. React Spring
  5. Mantine.Dev

곧 더 많은 구성요소와 상용구가 출시될 예정이므로 계속 지켜봐주시고 웹사이트 ihatereading.in/customrepo를 확인하세요

위 내용은 oo 맞춤 저장소 구성 요소의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.