플러그인
CSS 전용 Tailwind CSS 플러그인으로 Frutjam을 확장하세요. 제로 JavaScript, WCAG 액세스 가능, 프레임워크에 구애받지 않습니다. Django, HTMX, Laravel 및 모든 프레임워크에서 작동합니다.
Frutjam 플러그인은 표준 UI 요소 이상의 추가 구성 요소 및 통합을 통해 핵심 라이브러리를 확장합니다. 각 플러그인은 독립적인 npm 패키지입니다. 프로젝트에 필요한 것만 설치하고 기본 Frutjam 가져오기와 함께 단일 @plugin 지시문으로 등록하세요. 플러그인은 기존 테마 시스템과 원활하게 통합되어 CSS 변수와 WCAG AA 색상 토큰을 자동으로 상속합니다. 프레임워크에 구애받지 않도록 설계된 플러그인은 Django, HTMX, Laravel, React 및 모든 Tailwind CSS v4 프로젝트에서 작동합니다.
마크다운 편집기
기본 텍스트 영역을 전체 편집 제품군으로 변환하는 마크다운 텍스트 편집기 플러그인 — 동기화가 필요하지 않습니다. WYSIWYG 및 일반 마크다운 모드, 실시간 미리보기, 찾기 및 바꾸기, RTL 지원, 다크 모드. Django, Laravel, Rails, Node.js, PHP 및 모든 스택에서 작동합니다.
플러그인이란 무엇입니까?
Frutjam 플러그인은 추가 구성요소, 유틸리티 또는 통합을 통해 기본 라이브러리를 확장합니다. 각 플러그인은 선택할 수 있는 독립적인 패키지입니다. 필요한 것만 설치하고 CSS 번들을 간결하게 유지하세요.
독립 패키지
각 플러그인은 독립형 npm 패키지입니다. Frutjam과 함께 설치하고 CSS의 단일 @plugin 지시어로 등록하세요.
프레임워크에 구애받지 않음
플러그인은 Django, HTMX, Laravel, React 또는 일반 HTML 등 모든 스택에서 작동합니다. 프레임워크별 래퍼가 필요하지 않습니다.
Frutjam 플러그인을 어떻게 설치하나요?
npm을 통해 플러그인을 설치하고 CSS 파일에 @plugin 지시어를 추가하세요. 예를 들어 npm i -D frutjam-plugin-name을 입력한 다음 CSS의 @plugin "frutjam"; 아래에 @plugin "frutjam-plugin-name";을 추가하세요. 그게 전부입니다. JavaScript 구성이 필요하지 않습니다.
플러그인은 CSS 전용인가요?
플러그인에 따라 다릅니다. 순수 UI 플러그인은 CSS 전용입니다. 마크다운 편집기와 같은 일부 플러그인은 해당 기능에 본질적으로 스크립팅이 필요하기 때문에 JavaScript 기반입니다. 각 플러그인 페이지에는 JavaScript가 필요한지 여부가 명확하게 기록되어 있습니다.