Passer au contenu principal

Plugins

Étendez Frutjam avec les plugins CSS Tailwind uniquement CSS. Zéro JavaScript, accessible aux WCAG, indépendant du framework. Fonctionne avec Django, HTMX, Laravel et n'importe quel framework.

Les plugins Frutjam étendent la bibliothèque principale avec des composants et des intégrations supplémentaires au-delà des éléments d'interface utilisateur standard. Chaque plugin est un package npm indépendant : installez uniquement ce dont votre projet a besoin et enregistrez-le avec une seule directive @plugin à côté de votre importation Frutjam principale. Les plugins s'intègrent parfaitement au système de thèmes existant, héritant automatiquement de vos variables CSS et de vos jetons de couleur WCAG AA. Indépendants du framework de par leur conception, les plugins fonctionnent avec Django, HTMX, Laravel, React et tout projet Tailwind CSS v4.

Éditeur de démarques

Plugin d'édition de texte Markdown qui transforme une zone de texte native en une suite d'édition complète – aucune synchronisation requise. Modes WYSIWYG et Markdown simple, aperçu en direct, recherche et remplacement, prise en charge RTL, mode sombre. Fonctionne avec Django, Laravel, Rails, Node.js, PHP et n'importe quelle pile.

Que sont les plugins ?

Les plugins Frutjam étendent la bibliothèque de base avec des composants, utilitaires ou intégrations supplémentaires. Chaque plugin est un package indépendant auquel vous pouvez souscrire : installez uniquement ce dont vous avez besoin et gardez votre bundle CSS léger.

Forfaits indépendants

Chaque plugin est un package npm autonome. Installez-le avec Frutjam et enregistrez-le avec une seule directive @plugin dans votre CSS.

Indépendant du framework

Les plugins fonctionnent avec n'importe quelle pile : Django, HTMX, Laravel, React ou HTMX brut. Aucun wrapper spécifique au framework requis.

Comment installer un plugin Frutjam ?

Installez le plugin via npm et ajoutez une directive @plugin à votre fichier CSS. Par exemple : npm i -D frutjam-plugin-name, puis ajoutez @plugin "frutjam-plugin-name"; sous @plugin "frutjam"; dans votre CSS. C'est tout – aucune configuration JavaScript n'est requise.

Les plugins sont-ils uniquement CSS ?

Cela dépend du plugin. Les plugins Pure UI sont uniquement CSS. Certains plugins, comme l'éditeur de démarques, sont basés sur JavaScript car leur fonctionnalité nécessite intrinsèquement des scripts. Chaque page du plugin indique clairement si JavaScript est requis.