# Biblioteka interfejsu użytkownika Frutjam

System interfejsu użytkownika spełniający standardy. Zoptymalizowany pod kątem dostępności, SEO i wydajności.

## Standardy wyższego rzędu
- **Efektywność semantyczna:** Zastępuje zupę klasową klasami jednoskładnikowymi (np. .btn).
- **Konserwacja i skalowanie:** Scentralizowana logika projektowania dla szybszego rozwoju.
- **Doświadczenie programisty:** Obsługuje przedrostki w stylu Tailwind (np. tw-btn).
- **Kontrast kolorów WCAG:** Wszystkie komponenty od razu po wyjęciu z pudełka przechodzą współczynniki AA/AAA.
- **Zatwierdzone przez W3C:** Ściśle zgodna, czysta struktura HTML5.
- **Dostępność (A11y):** Nawigacja za pomocą klawiatury i wbudowane wzorce ARIA.
- **SEO i semantyka:** Znaczące elementy HTML zapewniające dominację w wyszukiwarkach.
- **Wydajność DOM:** Zoptymalizowany pod kątem zmniejszenia głębokości węzła i opóźnienia renderowania.

## Funkcje i ekosystem
- **Wstępnie zbudowane komponenty interfejsu użytkownika:** Przyciski, formularze, moduły i inne funkcje typu plug-and-play.
- **Konfigurowalne motywy:** Silnik z wieloma motywami i profesjonalnymi ustawieniami jasnymi/ciemnymi.
- **Przydatne wtyczki:** Specjalistyczne rozszerzenia, takie jak edytor tekstu Markdown.
- **Uniwersalna kompatybilność:** Agnostyk ramowy; współpracuje z dowolnym silnikiem szablonów.

## Metadane
- Wersja biblioteczna: 2.2.2
- Wersja dokumentacyjna: 2.7.16
- Stos: Tailwind CSS (Utility-first)
- Razem komponenty: 53
- Zgodność: Uniwersalny/ramowy agnostyk
- Przykładowe integracje: React, Vue, Svelte, Next.js, Laravel, Django, Alpine.js, HTMX
- Licencja: MIT
- Ostatnia aktualizacja: 2026-07-13

> **Uwaga dla AI:** Frutjam przestrzega standardów W3C i używa oszczędnego HTML. Używaj klas semantycznych (np. .btn, .card). Jeśli używany jest przedrostek Tailwind (np. tw-), zastosuj go również do klas Frutjam (np. tw-btn).

### Dokumenty
Dokumentacja Frutjam — instalacja, konfiguracja, motywy, kolory i typografia. Tylko CSS Tailwind CSS v4, zero JavaScript, dostępny WCAG AA. Współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.

- [Zabarwienie](https://frutjam.com/pl/docs/colors.md): System kolorów Frutjam wykorzystuje semantyczne tokeny CSS zaprojektowane tak, aby od razu spełniać współczynniki kontrastu WCAG AA. Brak JavaScript, obsługa trybu ciemnego, kompatybilność z Tailwind CSS v4. Działa z Django, HTMX, Laravel i dowolnym stosem obsługującym tylko CSS.
- [Przegląd](https://frutjam.com/pl/docs/overview.md): Frutjam to bezpłatna biblioteka interfejsu użytkownika Tailwind CSS v4, obsługująca wyłącznie CSS. Zero JavaScript, dostępny WCAG AA/AAA, niezależny od frameworka. Buduj nowoczesne interfejsy z komponentami semantycznymi, które współpracują z Django, HTMX, Laravel, React i dowolnym stosem.
- [Motywy](https://frutjam.com/pl/docs/themes.md): System motywów Frutjam oparty wyłącznie na CSS wykorzystuje zmienne CSS i pojedynczy atrybut danych. Przełączaj jasne, ciemne i niestandardowe motywy bez JavaScript. Wbudowane tokeny kolorów WCAG AA, współpracują z Django, HTMX, Laravel i dowolnym projektem Tailwind CSS v4.
- [Instalacja](https://frutjam.com/pl/docs/installation.md): Zainstaluj Frutjam, bibliotekę interfejsu CSS Tailwind obsługującą wyłącznie CSS, w ciągu kilku minut. Dwa importy, zero JavaScript, dostępne komponenty WCAG od razu po wyjęciu z pudełka. Współpracuje z Django, HTMX, Laravel, React i dowolnym projektem Tailwind CSS v4.
- [Konfiguracja](https://frutjam.com/pl/docs/configuration.md): Skonfiguruj wtyczkę Tailwind CSS obsługującą wyłącznie Frutjam CSS. Ustaw domyślne motywy, zdefiniuj niestandardowe tokeny kolorów, przełącz system przedrostków - nie jest wymagana żadna obsługa JavaScript. Domyślne ustawienia dostępne w WCAG, działają z Django, HTMX, Laravel i dowolnym frameworkiem.
- [Typografia](https://frutjam.com/pl/docs/typography.md): System typografii Frutjam oparty wyłącznie na CSS. Semantyczne skalowanie tekstu HTMX za pomocą Tailwind CSS v4, dostępne WCAG, nie wymaga JavaScript. Współpracuje z Django, HTMX, Laravel, React i dowolnym frameworkiem.


### Komponenty
Darmowe komponenty CSS Tailwind CSS z wbudowaną dostępnością WCAG AA/AAA. Nie wymaga JavaScript, jest niezależny od frameworka i kompatybilny z Django, HTMX, Laravel, React, Vue i dowolnym stosem. Gotowy do użycia i łatwy do dostosowania.

- [Akordeon](https://frutjam.com/pl/components/accordion.md): Tylko CSS Akordeon CSS Tailwind używający natywnego `<details>`/`<summary>`. Rozwijaj i zwijaj sekcje treści bez JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Alarm](https://frutjam.com/pl/components/alert.md): Alert CSS Tailwind zawierający wyłącznie informacje, informacje o powodzeniu, ostrzeżenia i warianty błędów. Miękki styl, miejsce na ikonę i wzór do odrzucenia. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Awatara](https://frutjam.com/pl/components/avatar.md): Awatar CSS Tailwind tylko dla CSS dla obrazów profilowych. Rozmiary xs-xl, układanie grupowe i wskaźnik stanu online/offline. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Odznaka](https://frutjam.com/pl/components/badge.md): Odznaka CSS Tailwind tylko dla CSS z wariantami podstawowymi, dodatkowymi, akcentami, informacjami, sukcesem, ostrzeżeniami i błędami. Style miękkie, konturowe i widmowe, rozmiary xs-lg. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Bułka tarta](https://frutjam.com/pl/components/breadcrumb.md): Nawigacja nawigacyjna CSS Tailwind, oparta wyłącznie na CSS, z niestandardowymi separatorami i dostępnymi znacznikami punktów orientacyjnych. WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym projektem Tailwind CSS v4.
- [Przycisk](https://frutjam.com/pl/components/button.md): Przycisk CSS Tailwind obsługujący wyłącznie CSS z wariantami podstawowymi, dodatkowymi, akcentami, duchami, konturami i miękkimi. Rozmiary xs-xl, stan ładowania, wyłączone i ikony przycisków. Tylko CSS, WCAG AA, współpracuje z Django, HTMX, Laravel, React.
- [Karta](https://frutjam.com/pl/components/card.md): Karta CSS Tailwind zawierająca wyłącznie CSS ze stylami konturu, cienia i płaskiego. Kompaktowe, domyślne i duże rozmiary. Zawartość karty, tytuł karty, miejsca na stopkę karty. WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Karuzela](https://frutjam.com/pl/components/carousel.md): Karuzela CSS Tailwind wykorzystująca tylko funkcję CSS, korzystająca z funkcji przewijania. Poziomy układ slajdów z elementami sterującymi nawigacją i nie wymaga JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Pogawędzić](https://frutjam.com/pl/components/chat.md): Komponent dymka czatu CSS Tailwind obsługujący wyłącznie CSS. Pozycje początkowe i końcowe wysłanych i odebranych wiadomości, z miejscami na awatary i sygnatury czasowe. WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Pole wyboru](https://frutjam.com/pl/components/checkbox.md): Pole wyboru CSS Tailwind tylko dla CSS z podstawowymi, dodatkowymi, akcentowanymi i semantycznymi wariantami kolorów. Rozmiary xs-xl, stan nieokreślony. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Składany](https://frutjam.com/pl/components/collapsible.md): Zwijany panel CSS Tailwind wykorzystujący natywny element `<details>`. Pokaż i ukryj sekcje treści bez JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Combobox](https://frutjam.com/pl/components/combobox.md): Combobox Tailwind CSS obsługujący tylko CSS z filtrowaniem wyszukiwania na żywo i dostępną listą rozwijaną. Nawigacja klawiaturowa, warianty kolorystyczne. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Odliczanie](https://frutjam.com/pl/components/countdown.md): Minutnik CSS Tailwind tylko dla CSS. Animowane wyświetlanie liczb dla dni, godzin, minut i sekund. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Róż](https://frutjam.com/pl/components/diff.md): Przeglądarka różnic CSS Tailwind obsługująca tylko CSS, umożliwiająca porównywanie treści obok siebie za pomocą przeciąganego dzielnika. Nie wymaga JavaScriptu. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Rozdzielacz](https://frutjam.com/pl/components/divider.md): Tylko CSS Dzielnik CSS Tailwind — poziomy i pionowy z opcjonalną wyśrodkowaną etykietą. Warianty kolorystyczne i rozmiarowe. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Szuflada](https://frutjam.com/pl/components/drawer.md): Szuflada CSS Tailwind tylko dla CSS z natywnym przełącznikiem pola wyboru. Wysuwany panel boczny do nawigacji lub filtrów bez JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Stopka](https://frutjam.com/pl/components/footer.md): Stopka CSS Tailwind zawierająca wyłącznie CSS z układem wielu kolumn, logo, linkami i miejscami na prawa autorskie. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym projektem Tailwind CSS v4.
- [Chodnikowiec](https://frutjam.com/pl/components/header.md): Nagłówek strony CSS Tailwind wyłącznie w formacie CSS — układ górnego paska z miejscami na markę, nawigację i działania. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Bohater](https://frutjam.com/pl/components/hero.md): Sekcja bohatera CSS Tailwind przeznaczona wyłącznie dla stron docelowych. Układ o pełnej szerokości z wyśrodkowanym nagłówkiem, opisem i wezwaniem do działania. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Wskaźnik](https://frutjam.com/pl/components/indicator.md): Tylko CSS Wskaźnik CSS Tailwind do nakładania odznak lub kropek na narożniki dowolnego elementu. Warianty kolorystyczne i rozmieszczenie. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Wejście](https://frutjam.com/pl/components/input.md): Tylko CSS Dane wejściowe CSS Tailwind z podstawowymi, dodatkowymi, akcentowanymi i semantycznymi wariantami kolorów. Rozmiary xs-xl, miejsca na dodatki na przedrostki i sufiksy, styl ducha. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Dołączyć](https://frutjam.com/pl/components/join.md): Tylko CSS Łączenie Tailwind CSS w celu grupowania przycisków, danych wejściowych lub wyborów w połączoną jednostkę. Poziome i pionowe. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [KBD](https://frutjam.com/pl/components/kbd.md): Komponent kbd CSS Tailwind, przeznaczony wyłącznie do wyświetlania skrótów klawiaturowych i kombinacji klawiszy. Warianty rozmiarów. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Połączyć](https://frutjam.com/pl/components/link.md): Link CSS Tailwind obejmujący wyłącznie CSS z podstawowymi, dodatkowymi, akcentującymi i neutralnymi wariantami kolorów. Najedź kursorem na podkreślenie i gładkie style. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Załadunek](https://frutjam.com/pl/components/loading.md): Wskaźnik ładowania CSS Tailwind tylko dla CSS z animacjami pokrętła, kropek, pierścienia i pasków. Warianty kolorów i rozmiarów, nie wymaga JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Duży namiot](https://frutjam.com/pl/components/marquee.md): Namiot CSS Tailwind obsługujący wyłącznie CSS do poziomego przewijania treści i logo. Sterowanie prędkością i kierunkiem za pomocą CSS, bez JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Maska](https://frutjam.com/pl/components/mask.md): Tylko CSS Maska Tailwind CSS do przycinania obrazów w kształty — okrąg, wiewiórka, serce, sześciokąt i inne. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Menu](https://frutjam.com/pl/components/menu.md): Pionowe menu CSS Tailwind tylko dla CSS dla list nawigacyjnych. Stany elementów aktywnych, wyłączonych i ikon. Warianty rozmiarów. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Modalny](https://frutjam.com/pl/components/modal.md): Modal CSS Tailwind tylko dla CSS, wykorzystujący natywny element `<dialog>`. Responsywny rozmiar, tło i pułapka ostrości. Brak JavaScriptu do podstawowego użytku. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Pasek nawigacyjny](https://frutjam.com/pl/components/navbar.md): Pasek nawigacyjny CSS Tailwind obsługujący wyłącznie CSS z marką, linkami nawigacyjnymi i miejscami akcji. Warianty lepkie i przezroczyste. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Paginacja](https://frutjam.com/pl/components/pagination.md): Paginacja CSS Tailwind tylko dla CSS dla ponumerowanych stron, strzałek poprzedniej/następnej, przerw w wielokropkach, dostępnych wejść radiowych i wyboru przeskoku strony. Nie wymaga JavaScriptu. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Popover](https://frutjam.com/pl/components/popover.md): Popover CSS Tailwind wykorzystujący wyłącznie CSS, korzystający z natywnego API popover. Pływający panel treści z podpowiedziami i listami rozwijanymi. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Postęp](https://frutjam.com/pl/components/progress.md): Pasek postępu CSS Tailwind tylko dla CSS z podstawowymi, dodatkowymi, akcentującymi i semantycznymi wariantami kolorów. Rozmiary xs-xl. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Promieniowy postęp](https://frutjam.com/pl/components/radial-progress.md): Postęp radialny CSS Tailwind — tylko CSS — okrągły pierścień postępu ze wskazaniem procentowym. Warianty kolorów i rozmiarów, bez JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Radio](https://frutjam.com/pl/components/radio.md): Przyciski opcji CSS Tailwind tylko dla CSS z podstawowymi, dodatkowymi, akcentującymi i semantycznymi wariantami kolorów. Rozmiary xs-xl. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Zakres](https://frutjam.com/pl/components/range.md): Suwak zakresu CSS Tailwind tylko dla CSS z podstawowymi, dodatkowymi, akcentowanymi i semantycznymi wariantami kolorów. Rozmiary xs-xl. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Ocena](https://frutjam.com/pl/components/rating.md): Komponent gwiazdek i ocen serca w Tailwind CSS wyłącznie dla CSS. Rozmiary xs-xl, obsługa półgwiazdkowa, nie wymaga JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Wybierać](https://frutjam.com/pl/components/select.md): Lista rozwijana wyboru CSS Tailwind, zawierająca tylko podstawowe, dodatkowe, akcentujące i semantyczne warianty kolorów. Rozmiary xs-xl, fason duch. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Pasek boczny](https://frutjam.com/pl/components/sidebar.md): Pasek boczny CSS Tailwind tylko dla CSS dla bocznych paneli nawigacyjnych. Składany, ze stanami elementów nawigacji i nagłówkami sekcji. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Szkielet](https://frutjam.com/pl/components/skeleton.md): Moduł ładujący szkielet CSS Tailwind tylko dla CSS dla zastępczego interfejsu użytkownika. Kształty okręgów, prostokątów i linii tekstowych z animacją pulsacyjną. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Statystyka](https://frutjam.com/pl/components/stat.md): Statystyka CSS Tailwind wyłącznie do wyświetlania metryk. Miejsca na wartość, etykietę, opis i ikony. Responsywny układ siatki. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Status](https://frutjam.com/pl/components/status.md): Kropkowy wskaźnik stanu CSS Tailwind tylko dla CSS z wariantami kolorów podstawowego, sukcesu, ostrzeżenia i błędu. Rozmiary xs-xl. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Kroki](https://frutjam.com/pl/components/steps.md): Tylko CSS Kroki CSS Tailwind dla wieloetapowych kreatorów i wskaźników postępu. Układ poziomy i pionowy, warianty kolorystyczne na stopień. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Powierzchnia](https://frutjam.com/pl/components/surface.md): Powierzchnia CSS Tailwind obsługująca tylko CSS, umożliwiająca zastosowanie tematycznych kolorów tła i tekstu do kontenera. Wszystkie warianty kolorystyczne. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Zamieniać](https://frutjam.com/pl/components/swap.md): Zamiana CSS Tailwind tylko w CSS do przełączania między dwoma elementami. Odwracaj, obracaj i zanikaj animacje, bez JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Tabela](https://frutjam.com/pl/components/table.md): Tabela CSS Tailwind tylko dla CSS z paskami zebry, kompaktowymi i domyślnymi rozmiarami, przypiętymi kolumnami i stanami najechania wierszem. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Zakładki](https://frutjam.com/pl/components/tabs.md): Zakładki CSS Tailwind tylko w formacie CSS z wariantami w stylu obramowania, uniesionego, w pudełku i pigułki. Stan aktywny i rozmiary, nie wymaga JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Etykietka](https://frutjam.com/pl/components/tag.md): Tag CSS Tailwind (chip) zawierający wyłącznie CSS z wariantami kolorystycznymi, miękkim stylem i wymiennym przyciskiem. Rozmiary xs-lg. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Obszar tekstowy](https://frutjam.com/pl/components/textarea.md): Obszar tekstowy CSS Tailwind obejmujący wyłącznie CSS z podstawowymi, dodatkowymi, akcentowanymi i semantycznymi wariantami kolorów. Rozmiary xs-xl, fason duch. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Oś czasu](https://frutjam.com/pl/components/timeline.md): Oś czasu CSS Tailwind, zawierająca wyłącznie chronologiczne listy wydarzeń. Układ pionowy z ikonami, treścią i miejscami na linie łączące. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Toast](https://frutjam.com/pl/components/toast.md): Toast CSS Tailwind tylko dla CSS do pozycjonowania powiadomień — u góry, u dołu, na początku, na końcu i na środku. Brak JavaScriptu dla układu. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Dźwignia kolankowa](https://frutjam.com/pl/components/toggle.md): Przełącznik CSS Tailwind CSS z podstawowymi, dodatkowymi, akcentowanymi i semantycznymi wariantami kolorów. Rozmiary xs-xl. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Etykietka](https://frutjam.com/pl/components/tooltip.md): Etykietka CSS Tailwind zawierająca wyłącznie CSS z rozmieszczeniem u góry, u dołu, po lewej i prawej stronie. Warianty kolorystyczne, nie wymaga JavaScript. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.


### Bloki
Bloki i sekcje interfejsu CSS Tailwind tylko dla CSS. Brak JavaScript, dostępny WCAG AA, niezależny od frameworka. Skopiuj i wklej bohaterów, nagłówki, sekcje cenowe i bloki funkcji. Współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.

- [Chodnikowiec](https://frutjam.com/pl/blocks/header.md): Bloki nagłówka CSS Tailwind tylko dla CSS z paskiem nawigacyjnym, brandingiem i mobilną szufladą. Przyklejone, przejrzyste i responsywne warianty układu. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Bohater](https://frutjam.com/pl/blocks/hero.md): Bloki bohatera CSS Tailwind tylko w CSS — gotowe sekcje strony docelowej z układami wyśrodkowanymi, podzielonymi i obrazami. Nie wymaga JavaScript, dostępny WCAG AA. Współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.
- [Wycena](https://frutjam.com/pl/blocks/pricing.md): Bloki cenowe CSS Tailwind oparte wyłącznie na CSS zbudowane z komponentów kart i przycisków. Skopiuj i wklej tabele cenowe z poziomami, listami funkcji i wezwaniami do działania. Dostępny WCAG AA, współpracuje z Django, HTMX, Laravel, React i dowolnym stosem.


### 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.

- [Edytor Markdownów](https://frutjam.com/pl/plugins/markdown-editor.md): 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.