Ir al contenido principal

Complementos

Amplíe Frutjam con complementos CSS Tailwind exclusivos para CSS. Cero JavaScript, accesible a WCAG, independiente del marco. Funciona con Django, HTMX, Laravel y cualquier framework.

Los complementos de Frutjam amplían la biblioteca principal con componentes e integraciones adicionales más allá de los elementos estándar de la interfaz de usuario. Cada complemento es un paquete npm independiente: instale solo lo que su proyecto necesita y regístrelo con una única directiva @plugin junto con su importación principal de Frutjam. Los complementos se integran perfectamente con el sistema de temas existente, heredando automáticamente sus variables CSS y tokens de color WCAG AA. Independientemente del marco por diseño, los complementos funcionan con Django, HTMX, Laravel, React y cualquier proyecto Tailwind CSS v4.

Editor de rebajas

Complemento de edición de texto Markdown que transforma un área de texto nativa en una suite de edición completa, sin necesidad de sincronización. Modos WYSIWYG y Markdown simple, vista previa en vivo, buscar y reemplazar, compatibilidad con RTL, modo oscuro. Funciona con Django, Laravel, Rails, Node.js, PHP y cualquier pila.

¿Qué son los complementos?

Los complementos de Frutjam amplían la biblioteca base con componentes, utilidades o integraciones adicionales. Cada complemento es un paquete independiente al que puede optar: instale solo lo que necesita y mantenga su paquete CSS optimizado.

Paquetes independientes

Cada complemento es un paquete npm independiente. Instálalo junto con Frutjam y regístralo con una única directiva @plugin en tu CSS.

Independiente del marco

Los complementos funcionan con cualquier pila: Django, HTMX, Laravel, React o HTML simple. No se requieren envoltorios específicos del marco.

¿Cómo instalo un complemento de Frutjam?

Instale el complemento a través de npm y agregue una directiva @plugin a su archivo CSS. Por ejemplo: npm i -D frutjam-plugin-name, luego agregue @plugin "frutjam-plugin-name"; debajo de @plugin "frutjam"; en su CSS. Eso es todo: no se requiere configuración de JavaScript.

¿Los complementos son solo CSS?

Depende del complemento. Los complementos de Pure UI son solo CSS. Algunos complementos, como el editor de rebajas, están basados ​​en JavaScript porque su funcionalidad requiere inherentemente secuencias de comandos. Cada página del complemento documenta claramente si se requiere JavaScript.