리소스
멋진 Tailwind CSS 웹사이트를 만드는 데 필요한 모든 것
우리는 Tailwind가 훌륭한 CSS 프레임워크라고 생각하지만, 시각적으로 멋진 작업을 만들기 위해서는 CSS 프레임워크 이상의 것이 필요합니다.
디자인 리소스
디자인은 어려운 작업이기에 우리가 몇 가지 리소스를 만들었습니다. 이러한 리소스들은 여러분의 디자인 작업에 도움이 될 뿐만 아니라, 프레임워크 개발을 지원하는 좋은 방법입니다.
UI 리팩토링
UI 디자인 배우기
더 알아보기, UI 리팩토링Refactoring UI는 Adam Wathan과 Steve Schoger가 함께 만든 개발자를 위한 디자인 책과 비디오 시리즈입니다. 멋진 디자인을 만드는 데 필요한 모든 것을 다룹니다.
지금까지 약 10,000명이 구매했으며, 모두가 이 책이 그들의 작업을 향상시키는 데 어떻게 도움이 되었는지에 대해 멋진 평가를 남겼습니다.
Tailwind UI
Tailwind CSS 제작자가 만든 아름다운 UI 컴포넌트
더 알아보기, Tailwind UITailwind UI는 전문적으로 디자인된, 미리 만들어진, 완전히 반응형인 HTML 스니펫 모음으로 Tailwind 프로젝트에 바로 사용할 수 있습니다.
현재 세 가지 카테고리(마케팅, 애플리케이션 UI, 이커머스)에서 550개 이상의 컴포넌트가 제공되며, 계속해서 더 추가하고 있습니다.
추가 리소스
Tailwind는 우리가 유지보수하는 유일한 오픈소스 프로젝트가 아닙니다. 디자인과 개발 워크플로우를 돕기 위해 다른 리소스들도 만들었습니다.
Headless UI완전히 스타일이 없는, 완벽하게 접근성을 갖춘 UI 컴포넌트
더 알아보기, 완전히 스타일이 없는, 완벽하게 접근성을 갖춘 UI 컴포넌트스타일이 전혀 없고 완벽한 접근성을 갖춘 UI 컴포넌트로, Tailwind CSS와 아름답게 통합되도록 설계되었습니다.
HeroiconsTailwind CSS 제작자가 만든 아름답게 제작된 SVG 아이콘
더 알아보기, Tailwind CSS 제작자가 만든 아름답게 제작된 SVG 아이콘450개 이상의 MIT 라이선스 SVG 아이콘 세트입니다. 기본 SVG 아이콘으로 제공되며 공식 React와 Vue 라이브러리를 통해 사용할 수 있습니다.
Hero PatternsTailwind CSS 제작자가 만든 매끄러운 SVG 배경 패턴
더 알아보기, Tailwind CSS 제작자가 만든 매끄러운 SVG 배경 패턴웹 프로젝트에서 사용할 수 있는 100개 이상의 MIT 라이선스 고품질 SVG 패턴 모음입니다.
스크린캐스트
공식 YouTube 채널을 방문하여 Tailwind의 기초부터 고급 개념까지 가르치는 수십 개의 비디오를 살펴보세요.
기초커스텀 디자인 시스템을 Tailwind CSS로 변환하기
프로젝트에 맞게 특별히 조정된 유틸리티 프레임워크를 만들기 위해 Tailwind를 구성하는 방법을 배웁니다.
기초기존 프로젝트에 Tailwind CSS 추가하기
이름 충돌이나 특이성 문제 없이 기존 프로젝트에 Tailwind CSS를 추가하는 방법을 배웁니다.
우리의 구현 방식Tailwind CSS, Shopify, Next.js로 헤드리스 이커머스 스토어 구축하기
GraphQL API를 사용하여 Shopify 스토어에서 제품을 가져오고 Tailwind UI를 사용하여 페이지를 구성하는 방법을 배웁니다.
연결하고 기여하기
초보자이든 고급 사용자이든, Tailwind 커뮤니티에 참여하는 것은 프레임워크로 멋진 것들을 만드는 같은 생각을 가진 사람들과 연결하는 좋은 방법입니다.
Discord
Discord 그룹에서 10,000명 이상의 멤버들과 함께 Tailwind와 관련 주제에 대해 대화를 나누세요.
GitHub Discussions
프로젝트에 문제가 있나요? Tailwind 커뮤니티의 다른 멤버들과 연결하여 도움을 받으세요.