プラグイン
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 およびプレーン Markdown モード、ライブ プレビュー、検索と置換、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 のみですか?
プラグインによって異なります。 Pure UI プラグインは CSS のみです。マークダウン エディターなどの一部のプラグインは、その機能が本質的にスクリプトを必要とするため、JavaScript ベースです。各プラグイン ページには、JavaScript が必要かどうかが明確に記載されています。