Plug-ins
Estenda o Frutjam com plug-ins Tailwind CSS somente CSS. Zero JavaScript, WCAG acessível, independente de estrutura. Funciona com Django, HTMX, Laravel e qualquer framework.
Os plug-ins Frutjam estendem a biblioteca principal com componentes e integrações adicionais além dos elementos de UI padrão. Cada plugin é um pacote npm independente — instale apenas o que seu projeto precisa e registre-o com uma única diretiva @plugin junto com sua importação principal do Frutjam. Os plug-ins integram-se perfeitamente ao sistema de temas existente, herdando automaticamente suas variáveis CSS e tokens de cores WCAG AA. Independentes de estrutura por design, os plug-ins funcionam com Django, HTMX, Laravel, React e qualquer projeto Tailwind CSS v4.
Editor de redução
Plugin de editor de texto Markdown que transforma uma área de texto nativa em um conjunto completo de edição - sem necessidade de sincronização. Modos WYSIWYG e Markdown simples, visualização ao vivo, localização e substituição, suporte RTL, modo escuro. Funciona com Django, Laravel, Rails, Node.js, PHP e qualquer pilha.
O que são plug-ins?
Os plug-ins Frutjam estendem a biblioteca base com componentes, utilitários ou integrações adicionais. Cada plug-in é um pacote independente que você pode optar – instale apenas o que você precisa e mantenha seu pacote CSS simples.
Pacotes independentes
Cada plugin é um pacote npm independente. Instale-o junto com o Frutjam e registre-o com uma única diretiva @plugin em seu CSS.
Agnóstico em termos de estrutura
Os plug-ins funcionam com qualquer pilha – Django, HTMX, Laravel, React ou HTMX simples. Não são necessários wrappers específicos da estrutura.
Como instalo um plugin Frutjam?
Instale o plugin via npm e adicione uma diretiva @plugin ao seu arquivo CSS. Por exemplo: npm i -D frutjam-plugin-name e adicione @plugin "frutjam-plugin-name"; abaixo de @plugin "frutjam"; em seu CSS. É isso aí – nenhuma configuração de JavaScript é necessária.
Os plug-ins são apenas CSS?
Depende do plugin. Os plug-ins Pure UI são apenas CSS. Alguns plug-ins - como o editor de markdown - são baseados em JavaScript porque sua funcionalidade requer inerentemente scripts. Cada página do plugin documenta claramente se o JavaScript é necessário.