21st.dev 통합

21st.dev에서 미리 빌드된 hero 섹션, 탐색 바, 추천 후기 및 기타 UI 컴포넌트를 프로젝트에 직접 복사하세요.

21st.dev는 간단한 복사-붙여넣기 워크플로우로 Lovable 프로젝트에 즉시 추가할 수 있는 미리 빌드된 UI 컴포넌트 라이브러리를 제공합니다. 이를 사용하여 프로젝트의 디자인을 개선하고 Lovable 프로젝트를 덜 일반적으로 보이게 만드세요.

단계별 가이드

21st.dev로 이동하여 컴포넌트 라이브러리를 둘러봅니다.

필요에 맞는 컴포넌트를 찾기 위해 사용 가능한 컴포넌트를 둘러봅니다:

선택한 컴포넌트를 클릭하여 상세 페이지를 엽니다. 프롬프트 유형으로 Lovable을 선택한 다음 프롬프트를 복사합니다.

Lovable 프로젝트를 열고 복사한 프롬프트를 붙여넣습니다.

프로젝트에서 컴포넌트가 나타날 위치를 지정하는 줄을 추가합니다 (예: "Add this to the homepage hero section" 또는 "Use this as the background").

메시지를 전송합니다. Lovable은 자동으로 컴포넌트 코드를 코드베이스에 복사하고 지정한 위치에 배치합니다.

컴포넌트는 프로젝트의 기존 스타일을 상속받으며 Visual Edits 또는 프롬프팅을 사용하여 추가로 커스터마이즈할 수 있습니다.