Wtyczki
Rozszerz Frutjam za pomocą wtyczek CSS Tailwind obsługujących wyłącznie CSS. Zero JavaScript, dostępny WCAG, niezależny od frameworka. Współpracuje z Django, HTMX, Laravel i dowolnym frameworkiem.
Wtyczki Frutjam rozszerzają podstawową bibliotekę o dodatkowe komponenty i integracje wykraczające poza standardowe elementy interfejsu użytkownika. Każda wtyczka jest niezależnym pakietem npm — zainstaluj tylko to, czego potrzebuje Twój projekt i zarejestruj go za pomocą pojedynczej dyrektywy @plugin wraz z głównym importem Frutjam. Wtyczki płynnie integrują się z istniejącym systemem motywów, automatycznie dziedzicząc zmienne CSS i tokeny kolorów WCAG AA. Z założenia niezależne od frameworka, wtyczki współpracują z Django, HTMX, Laravel, React i dowolnym projektem Tailwind CSS v4.
Edytor Markdownów
Wtyczka edytora tekstu Markdown, która przekształca natywny obszar tekstowy w pełny zestaw do edycji — nie wymaga synchronizacji. WYSIWYG i zwykłe tryby Markdown, podgląd na żywo, znajdź i zamień, obsługa RTL, tryb ciemny. Współpracuje z Django, Laravel, Rails, Node.js, PHP i dowolnym stosem.
Czym są wtyczki?
Wtyczki Frutjam rozszerzają bibliotekę bazową o dodatkowe komponenty, narzędzia lub integracje. Każda wtyczka to niezależny pakiet, z którego możesz skorzystać — instaluj tylko to, czego potrzebujesz, a pakiet CSS będzie oszczędny.
Niezależne pakiety
Każda wtyczka jest samodzielnym pakietem npm. Zainstaluj go razem z Frutjamem i zarejestruj za pomocą jednej dyrektywy @plugin w swoim CSS.
Niezależny od frameworka
Wtyczki działają z dowolnym stosem — Django, HTMX, Laravel, React lub zwykły HTMX. Nie są wymagane żadne opakowania specyficzne dla platformy.
Jak zainstalować wtyczkę Frutjam?
Zainstaluj wtyczkę poprzez npm i dodaj dyrektywę @plugin do swojego pliku CSS. Na przykład: npm i -D frutjam-nazwa-wtyczki, następnie dodaj @plugin "frutjam-nazwa-wtyczki"; poniżej @plugin "frutjam"; w swoim CSS. To wszystko — nie jest wymagana żadna konfiguracja JavaScript.
Czy wtyczki obsługują tylko CSS?
To zależy od wtyczki. Wtyczki Pure UI obsługują wyłącznie CSS. Niektóre wtyczki — np. edytor przecen — są oparte na JavaScript, ponieważ ich funkcjonalność z natury wymaga skryptów. Każda strona wtyczki wyraźnie dokumentuje, czy wymagany jest JavaScript.