Scrolltide
시네마틱한 스크롤 기반 웹 경험을 구축하기 위한 엄선된 웹사이트 프롬프트, 템플릿, 비주얼 컴포넌트입니다.
커뮤니티:
제품 개요
Scrolltide이란 무엇인가요?
Scrolltide는 Claude, Cursor, v0 같은 도구로 애니메이션 웹사이트를 만들 수 있도록 디자인 중심의 프롬프트와 템플릿을 제공합니다. 라이브러리는 랜딩 페이지, 3D 장면, 재사용 가능한 섹션, 인터페이스 화면, 셰이더 배경을 아우릅니다. Scrolltide는 코딩 도구를 대체하는 대신, 제작자가 시각적 방향성을 맞춤형 웹사이트로 구현하도록 돕는 구조화된 출발점을 제공합니다.
주요 기능
시네마틱 웹사이트 템플릿
모션과 스크롤 기반 인터랙션을 중심으로 한 랜딩 페이지, 히어로 섹션, 포트폴리오, 3D 웹사이트 디자인을 살펴보세요.
구조화된 코딩 프롬프트
Claude, Cursor, v0에 맞게 설계된 프롬프트를 복사해 선호하는 코딩 워크플로에서 웹사이트를 생성하고 다듬어 보세요.
재사용 가능한 인터랙티브 컴포넌트
전체 페이지 템플릿으로 시작하지 않아도 애니메이션 버튼, 카드, 캐러셀, 텍스트 효과, 3D 요소를 추가할 수 있습니다.
셰이더 배경 라이브러리
그라디언트, 소용돌이, 불꽃 등 GPU로 렌더링된 시각 효과를 컴포넌트, MP4 동영상 또는 정지 이미지로 활용하세요.
페이지 섹션 및 UI 화면
대시보드와 애플리케이션 인터페이스 레퍼런스는 물론, 미리 제작된 요금제, 문의, 기능, 푸터 섹션을 바탕으로 구축하세요.
정기적인 라이브러리 업데이트
매주 금요일 새로운 프롬프트를 만나고 카테고리, 프레임워크 또는 비주얼 스타일별로 디자인을 둘러보세요.
사용 사례
- 제품 출시 페이지 : 애니메이션 히어로 섹션과 재사용 가능한 마케팅 콘텐츠 블록으로 시각적으로 차별화된 랜딩 페이지를 제작하세요.
- 크리에이티브 포트폴리오 : 스크롤 기반 레이아웃, 인터랙티브 갤러리, 3D 프레젠테이션 요소를 통해 창작물을 선보이세요.
- 클라이언트 웹사이트 개발 : 엄선된 디자인 출발점을 활용해 개인 및 클라이언트 웹사이트 프로젝트를 빠르게 진행하세요.
- 기존 웹사이트 개선 : 개별 모션 컴포넌트, 셰이더 배경 또는 추가 페이지 섹션으로 기존 사이트를 새롭게 단장하세요.
- 애플리케이션 UI 프로토타이핑 : 대시보드, 금융, 커머스, 워크스페이스 레이아웃을 애플리케이션 인터페이스의 출발점으로 활용해 보세요.
자주 묻는 질문
Scrolltide 대안
MotionSites
몇 분 안에 놀라운 전문 웹사이트를 구축할 수 있는 프리미엄 Hero 섹션 프롬프트와 애니메이션 템플릿 라이브러리 — 디자인 기술이 필요하지 않습니다.
Readdy AI
AI 기반 플랫폼으로, 자연어 프롬프트를 멋진 프로덕션용 웹사이트 디자인과 프론트엔드 코드로 몇 분 만에 변환합니다.
Relume
프로젝트 브리프를 기반으로 사이트맵, 와이어프레임, 스타일 가이드, 재사용 가능한 컴포넌트를 생성하는 웹사이트 디자인 플랫폼입니다.
Aura
AI와 직관적인 도구를 결합한 디자인 플랫폼으로, 몇 초 만에 멋진 웹사이트와 인터페이스를 생성하며, 원활한 Figma 통합과 반응형 HTML/CSS 코드 생성 기능을 제공합니다.
GetLayers
코딩 어시스턴트로 독창적인 웹사이트를 만들기 위한 엄선된 디자인 레이어, 프롬프트, 3D 장면, 비디오 에셋.
TeleportHQ
AI 및 Figma 연동을 통해 정적 웹사이트와 UI 컴포넌트를 빠르게 생성, 협업, 배포할 수 있는 로우코드 프론트엔드 플랫폼입니다.
HeroUI Pro
220개 이상의 프로덕션급, 반응형 React UI 컴포넌트를 포함한 HeroUI 기반의 종합 라이브러리로, 웹 개발을 가속화하고 평생 이용권과 무료 업데이트를 제공합니다.
AIDesigner
자연어 프롬프트를 프로덕션 수준의 웹사이트 및 앱 인터페이스로 변환하는 텍스트-to-UI 디자인 도구 — 흔한 AI 느낌 없이.