Plugins
Erweitern Sie Frutjam mit reinen CSS-Plugins von Tailwind. Kein JavaScript, WCAG-zugänglich, Framework-unabhängig. Funktioniert mit Django, HTMX, Laravel und jedem Framework.
Frutjam-Plugins erweitern die Kernbibliothek um zusätzliche Komponenten und Integrationen über Standard-UI-Elemente hinaus. Jedes Plugin ist ein unabhängiges npm-Paket – installieren Sie nur das, was Ihr Projekt benötigt, und registrieren Sie es mit einer einzigen @plugin-Direktive neben Ihrem Haupt-Frutjam-Import. Plugins integrieren sich nahtlos in das bestehende Designsystem und erben Ihre CSS-Variablen und WCAG AA-Farbtoken automatisch. Die Plugins sind von Natur aus Framework-unabhängig und funktionieren mit Django, HTMX, Laravel, React und jedem Tailwind CSS v4-Projekt.
Markdown-Editor
Markdown-Texteditor-Plugin, das einen nativen Textbereich in eine vollständige Bearbeitungssuite umwandelt – keine Synchronisierung erforderlich. WYSIWYG- und einfacher Markdown-Modus, Live-Vorschau, Suchen & Ersetzen, RTL-Unterstützung, Dunkelmodus. Funktioniert mit Django, Laravel, Rails, Node.js, PHP und jedem Stack.
Was sind Plugins?
Frutjam-Plugins erweitern die Basisbibliothek um zusätzliche Komponenten, Dienstprogramme oder Integrationen. Jedes Plugin ist ein unabhängiges Paket, für das Sie sich entscheiden können – installieren Sie nur das, was Sie brauchen, und halten Sie Ihr CSS-Paket schlank.
Unabhängige Pakete
Jedes Plugin ist ein eigenständiges npm-Paket. Installieren Sie es zusammen mit Frutjam und registrieren Sie es mit einer einzigen @plugin-Direktive in Ihrem CSS.
Framework-unabhängig
Plugins funktionieren mit jedem Stack – Django, HTMX, Laravel, React oder einfachem HTML. Keine Framework-spezifischen Wrapper erforderlich.
Wie installiere ich ein Frutjam-Plugin?
Installieren Sie das Plugin über npm und fügen Sie Ihrer CSS-Datei eine @plugin-Direktive hinzu. Zum Beispiel: npm i -D frutjam-plugin-name, dann fügen Sie @plugin "frutjam-plugin-name"; unter @plugin "frutjam"; in Ihr CSS ein. Das war's – keine JavaScript-Konfiguration erforderlich.
Sind Plugins nur CSS-fähig?
Das hängt vom Plugin ab. Reine UI-Plugins sind nur CSS-fähig. Einige Plugins – wie der Markdown-Editor – basieren auf JavaScript, da ihre Funktionalität von Natur aus Skripting erfordert. Auf jeder Plugin-Seite ist klar dokumentiert, ob JavaScript erforderlich ist.