Skip to main content

Plugin

Perluas Frutjam dengan plugin Tailwind CSS khusus CSS. Nol JavaScript, dapat diakses WCAG, kerangka kerja-agnostik. Bekerja dengan Django, HTMX, Laravel, dan kerangka kerja apa pun.

Plugin Frutjam memperluas perpustakaan inti dengan komponen tambahan dan integrasi di luar elemen UI standar. Setiap plugin adalah paket npm independen — instal hanya apa yang dibutuhkan proyek Anda dan daftarkan dengan satu arahan @plugin di samping impor Frutjam utama Anda. Plugin terintegrasi secara mulus dengan sistem tema yang ada, mewarisi variabel CSS dan token warna WCAG AA Anda secara otomatis. Secara desain agnostik kerangka, plugin berfungsi dengan Django, HTMX, Laravel, React, dan proyek Tailwind CSS v4 apa pun.

Editor Penurunan Harga

Plugin editor teks penurunan harga yang mengubah area teks asli menjadi rangkaian pengeditan lengkap — tidak diperlukan sinkronisasi. WYSIWYG dan mode Markdown biasa, pratinjau langsung, temukan & ganti, dukungan RTL, mode gelap. Bekerja dengan Django, Laravel, Rails, Node.js, PHP, dan tumpukan apa pun.

Apa itu plugin?

Plugin Frutjam memperluas perpustakaan dasar dengan komponen, utilitas, atau integrasi tambahan. Setiap plugin adalah paket independen yang dapat Anda ikuti — instal hanya yang Anda perlukan, pertahankan paket CSS Anda tetap ramping.

Paket mandiri

Setiap plugin adalah paket npm yang berdiri sendiri. Instal bersama Frutjam dan daftarkan dengan satu arahan @plugin di CSS Anda.

Kerangka-agnostik

Plugin bekerja dengan tumpukan apa pun — Django, HTMX, Laravel, React, atau HTMX biasa. Tidak diperlukan pembungkus khusus kerangka kerja.

Bagaimana cara menginstal plugin Frutjam?

Instal plugin melalui npm dan tambahkan arahan @plugin ke file CSS Anda. Misalnya: npm i -D frutjam-plugin-name, lalu tambahkan @plugin "frutjam-plugin-name"; di bawah @plugin "frutjam"; di CSS Anda. Itu saja — tidak diperlukan konfigurasi JavaScript.

Apakah plugin hanya untuk CSS?

Itu tergantung pada pluginnya. Plugin UI murni hanya untuk CSS. Beberapa plugin — seperti editor penurunan harga — berbasis JavaScript karena fungsinya secara inheren memerlukan skrip. Setiap halaman plugin dengan jelas mendokumentasikan apakah JavaScript diperlukan.