라이브 페이지
깔끔한 Tailwind CSS로

Tailfind를 사용하는 이유는 무엇입니까?

인터페이스 개발 흐름 개선

팝오버가 선택한 요소 가까이에 작업을 표시합니다

인라인 팝오버는 주요 작업을 가까이 유지하여 선택 항목을 구체화하고 올바른 조각을 더 빠르게 내보낼 수 있습니다. 동일한 작업을 키보드 단축키로 사용할 수 있으므로 선택 흐름을 벗어나지 않고도 계속 이동할 수 있습니다.

정확한 조각을 선택합니다

캡처가 실제로 재사용하려는 경계와 일치할 때까지 웹 페이지를 탐색합니다.

깔끔한 Tailwind HTML 내보내기

Tailfind는 선택한 조각을 처음부터 다시 작성하는 대신 다듬을 수 있는 읽기 가능한 Tailwind에 맞춘 마크업으로 변환합니다.

확장 팝오버에서 캡처를 시작합니다

검사할 요소를 선택하고 전체 페이지 본문을 복사한 다음 작업 흐름에 맞게 확장을 구성합니다.

모든 코드베이스 지원

특정 프레임워크나 스타일 설정 없이 레거시 프런트엔드, 최신 구성 요소 앱 및 혼합 프로덕션 스택에서 작동합니다.

모든 스타일을 결합합니다

작성된 클래스와 인라인 선언을 별도로 처리하는 대신 함께 읽습니다.

Tailwind ~ Tailwind

원본이 이미 Tailwind를 사용한다면 출력도 Tailwind에 자연스러운 형태로 유지되어 더 쉽게 다듬을 수 있습니다.

SVG 지원

인라인 벡터 그래픽은 그대로 유지되므로 아이콘, 로고 및 일러스트레이션은 내보낸 후에도 유지됩니다.

중복된 노이즈를 제거합니다

반복적인 래퍼, 중복 선언 및 낮은 가치의 스타일 혼란을 방지하여 생성된 마크업의 초점을 유지합니다.

난독화된 마크업을 이해합니다

클래스 이름이 압축되거나 생성되거나 정보 소스로 유용하지 않은 프로덕션 페이지에서 작동합니다.