Show dev: Tailwind CSS용 오픈 소스 랜딩 페이지를 만들었습니다.

개발자 여러분 👋

우리는 친구들과 함께 Flowbite 구성 요소를 기반으로 하는 Tailwind CSS용 완전 무료 오픈 소스 랜딩 페이지를 디자인하고 구축했습니다.

반응형 레이아웃, 다크 모드, 영웅 섹션, 가격 책정 카드, FAQ 아코디언 등을 제공합니다. SaaS 또는 제품 지향 웹 사이트에 사용할 수 있으며 전환에 중점을 둡니다.

Themesberg에서 다운로드하거나 GitHub 리포지토리에서 복제할 수 있습니다.

다음은 시작하는 데 도움이 되는 몇 가지 링크입니다.

Live demo

GitHub repository (별과 함께 사랑을 보여주세요 ❤️)

Free download

시작하는 방법

Node.js , Tailwind CSS 및 Flowbite 이 설치되어 있는지 확인하십시오.

터미널

내에서 npm install 실행

파일을 감시하고 Tailwind CSS + Flowbite를 컴파일합니다.

npx tailwindcss -i ./input.css -o ./output.css --watch

배포하려면 index.html 파일과 output.css 스타일만 있으면 됩니다.

또는 Laravel, React, Vue.js 또는 기타 프레임워크를 사용하든 관계없이 이 코드를 자신의 프로젝트에 직접 복사할 수도 있습니다.

Figma 디자인 파일 👩‍🎨

Figma도 사용하는 경우 Figma 커뮤니티 페이지에서도 사용할 수 있으며 직접 복제하여 프로젝트에서 사용할 수 있다는 사실에 기뻐할 것입니다.

Figma landing page

크레딧 🙌🏻

이 랜딩 페이지는 Tailwind CSS 또는 Flowbite와 같은 멋진 오픈 소스 프로젝트가 없었다면 불가능했을 것입니다.

Tailwind CSS

Flowbite