/dev/portal-dane - komponenty danych moduły portalu ->

Dane, które nie kłamią

Dziesięć komponentów do liczb, dat i porównań. Wszystkie na realnych kartach z data/narzedzia i starciach z data/starcia. Zero obrysów, zero cieni: powierzchnie rozdziela ton tła i odstęp. Każdy moduł ma container-type, więc wąski stan włącza się od szerokości KOLUMNY, nie okna.

1. TabelaDanych

Dziesięć kart katalogu. Nagłówki zamieniają się w przyciski sortowania dopiero, gdy wstanie JS (bez niego zostaje kolejność z serwera). Poniżej 560 px w kontenerze wiersze zmieniają się w karty z etykietami.

przewiń w bok ->

Dziesięć kart katalogu
Narzędzie Kategoria Model ceny Ocena Sprawdzona cena
Canva grafika FREEMIUM 4
ChatGPT chatboty i modele FREEMIUM 4
Claude chatboty i modele FREEMIUM 4,5
Claude Code agenci i kodowanie FREEMIUM 4,5
Codex agenci i kodowanie FREEMIUM 4
Cursor agenci i kodowanie FREEMIUM 4,5
DeepSeek chatboty i modele FREE 4
Midjourney grafika PAID 4
Qwen chatboty i modele FREE 4
Zapier automatyzacje FREEMIUM 4

2. TabelaCenHistoria

Karta ElevenLabs - najdłuższa historia ceny w katalogu (2 wpisy). Realny schemat trzyma OPIS zmiany, nie kwotę, więc różnica w procentach pojawia się tylko przy wpisach z kwotą. Flaga przeglądu renderuje się jako pas ostrzeżenia.

Historia ceny: ElevenLabs

0 USD płatny plan od 6 USD/mies.

zweryfikowano źródło ceny

  1. najnowsza

    karta zalozona

  2. Pakiet H: cena Starter zweryfikowana na 6 USD/mies. (bylo blednie 5 USD w szkicu karty), pozostale plany potwierdzone bez zmian

3. MacierzPorownania

Cztery narzędzia na pięciu kryteriach z kart. Pierwsza kolumna i nagłówek są przyklejone tonem tła; tak/nie to inline SVG, ocena to pięć kropek.

przewiń w bok ->

Cztery narzędzia na pięciu kryteriach
Narzędzie Darmowy startTestowane przez nasOcenaCena odŁatwość startu
Canva0 USD5
ChatGPT0 USD5
Claude0 USD4
Claude Code0 USD4

wariant --pionowa (maksymalnie 3 narzędzia)

przewiń w bok ->

Wariant pionowy: kryteria w wierszach
Kryterium CanvaChatGPTClaude
Darmowy start
Testowane przez nas
Ocena
Cena od0 USD0 USD0 USD
Łatwość startu554

Wariant pionowy pokazuje 3 narzędzia. Pozostałe (1) są w pełnej macierzy.

4. PorownywarkaXY

Starcie ChatGPT vs Claude: który chatbot do codziennej pracy z tekstem, kodem i researchem?. Kryteria są 1:1 z pliku starcia, plusy i minusy wyliczone z filarów oceny kart. Schemat starcia NIE ma pola zwycięzcy - werdykt jest kontekstowy, więc demo pokazuje stan "remis".

ChatGPT

od 0 USD

Uniwersalny chatbot AI od OpenAI do tekstu, kodu i researchu.

Za

  • jakość wyników: 5/5
  • cena do wartości: 4/5
  • łatwość startu: 5/5
  • świeżość rozwoju: 5/5

Claude

od 0 USD

Chatbot AI od Anthropic do pisania, kodowania i agentowej pracy.

Za

  • jakość wyników: 5/5
  • cena do wartości: 4/5
  • łatwość startu: 4/5
  • świeżość rozwoju: 5/5
Kryteria: Jeden chatbot do codziennej pracy solo: pisanie i redakcja d...
Kryterium ChatGPT Claude
Darmowy plan Tak - darmowy dostęp do modelu z limitami użycia, wystarczający na start i codzienne pytania. Zweryfikowano 2026-07-12. Tak - darmowy plan z dostępem do modelu i limitem użycia, dobry na start. Zweryfikowano 2026-07-12.
Najtańszy plan płatny Plan Go od 8 USD/mies. (na razie niszowy, ograniczony limitami); popularniejszy Plus 20 USD/mies. Zweryfikowano 2026-07-12. Plan Pro 20 USD/mies. przy rozliczeniu miesięcznym. Zweryfikowano 2026-07-12.
Dłuższe teksty i redakcja Bardzo dobry, uniwersalny; sprawdza się w szkicach i podsumowaniach. Często oceniany wyżej w dłuższych, niuansowych tekstach - proza brzmi naturalniej i lepiej trzyma złożone instrukcje.
Praca z kodem Mocny, z wtyczką Codex i szerokim wsparciem języków; dobry do szybkiej pierwszej wersji. Wyróżniany w wielopikowej refaktoryzacji i przeglądaniu kodu (Claude Code, Cowork) - mocny w dłuższych, spójnych zmianach.
Szerokość funkcji Najszerszy ekosystem: generowanie obrazów, zaawansowany tryb głosowy, Deep Research, przeglądanie sieci, Codex. Węższy zakres - brak natywnego generowania obrazów i trybu głosowego; nacisk na tekst, dokumenty, kod i pracę agentową.

Werdykt

remis

Do dłuższych tekstów wymagających niuansu i do poważnej, wielopikowej pracy z kodem często wygrywa Claude. Do jak najszerszego zestawu funkcji w jednej aplikacji (obrazy, głos, Deep Research, Codex) i najtańszego wejścia w płatny plan lepszy jest ChatGPT. Oba mają darmowy plan, więc najtaniej po prostu przetestować oba na własnym typowym zadaniu przed wyborem.

5. EtykietaCeny

Wszystkie modele ze schematu. Mapowanie model -> FREE / FREEMIUM / PAID pochodzi z etykietaCeny() w src/lib/katalog.ts - tej samej funkcji, której używa kafelek katalogu.

FREE - model cenowy: darmowy FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami PAID - model cenowy: płatna subskrypcja PAID - model cenowy: płatne za użycie FREE - model cenowy: open source, darmowy
FREE - model cenowy: darmowy FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami SUBSKRYPCJA - model cenowy: płatna subskrypcja PŁATNE ZA UŻYCIE - model cenowy: płatne za użycie OPEN SOURCE - model cenowy: open source, darmowy

6. PasekPostepu

Trzy stany. Nośnikiem semantyki jest natywny <progress>, warstwa wizualna jedzie przez transform (technika z modułu PasekXp), a reduced-motion zostawia stan końcowy. Przy 100% wypełnienie zostaje czarne, limonka jest tylko wąskim znacznikiem końca.

Karty sprawdzone w tym tygodniu 0%
postęp: 0%
Karty sprawdzone w tym miesiącu 60%
postęp: 60%
Karty z aktualną ceną 30 / 30
postęp: 30 / 30

7. Paginacja

Trzy przypadki: jedna strona, środek krótkiej listy, środek długiej listy ze skrótem "...". Aktywna strona nie jest linkiem, cele dotykowe mają 44 px.

8. FiltryChipy (tryb js)

Chipy filtrują listę niżej po atrybutach data-filtr-*. Kategoria jest wielokrotna, model ceny jednokrotny. Elementy są chowane atrybutem hidden, nie usuwane - treść zostaje w HTML. Element z własnym display musi mieć u siebie regułę [hidden] { display: none }.

Kategoria

Model ceny

widocznych pozycji

  • Canva

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami grafika

    cena sprawdzona
  • ChatGPT

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami chatboty-modele

    cena sprawdzona
  • Claude

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami chatboty-modele

    cena sprawdzona
  • Claude Code

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami agenci-kodowanie

    cena sprawdzona
  • Codex

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami agenci-kodowanie

    cena sprawdzona
  • Cursor

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami agenci-kodowanie

    cena sprawdzona
  • DeepSeek

    FREE - model cenowy: darmowy chatboty-modele

    cena sprawdzona
  • Midjourney

    PAID - model cenowy: płatna subskrypcja grafika

    cena sprawdzona
  • Qwen

    FREE - model cenowy: darmowy chatboty-modele

    cena sprawdzona
  • Zapier

    FREEMIUM - model cenowy: darmowy plan z płatnymi dodatkami automatyzacje

    cena sprawdzona

ten sam komponent w trybie "linki" (działa bez JS)

9. Sortowanie + 10. WskaznikSwiezosci

Sortowanie w wariancie z formularzem (działa bez JS: przycisk "Zastosuj" znika, gdy JS wstanie). Wskaźnik świeżości liczy wiek względem daty podanej propsem - build jest deterministyczny, komponent nie sięga po zegar. Dzień odniesienia demo: 2026-09-03.

sprawdzono świeże (nie starsze niż 30 dni)

sprawdzono starsze (ponad 30 dni)

sprawdzono do sprawdzenia do sprawdzenia (ponad 60 dni)

390 px obok pelnej szerokosci

Lewa kolumna ma sztywne 390 px, prawa bierze resztę. Ten sam komponent, te same propsy - różnice robią container queries. Na tym ekranie widać oba stany naraz.

TabelaDanych (tryb kart)

390 px

przewiń w bok ->

Trzy karty
Narzędzie Kategoria Model ceny Ocena Sprawdzona cena
Canva grafika FREEMIUM 4
ChatGPT chatboty i modele FREEMIUM 4
Claude chatboty i modele FREEMIUM 4,5

pelna szerokosc

przewiń w bok ->

Trzy karty
Narzędzie Kategoria Model ceny Ocena Sprawdzona cena
Canva grafika FREEMIUM 4
ChatGPT chatboty i modele FREEMIUM 4
Claude chatboty i modele FREEMIUM 4,5

MacierzPorownania (przewijanie w kontenerze)

390 px

przewiń w bok ->

Macierz na 390 px
Narzędzie Darmowy startTestowane przez nasOcenaCena odŁatwość startu
Canva0 USD5
ChatGPT0 USD5
Claude0 USD4
Claude Code0 USD4

pelna szerokosc

przewiń w bok ->

Macierz w pelnej szerokosci
Narzędzie Darmowy startTestowane przez nasOcenaCena odŁatwość startu
Canva0 USD5
ChatGPT0 USD5
Claude0 USD4
Claude Code0 USD4

PorownywarkaXY (kolumny pod sobą)

390 px

ChatGPT

od 0 USD

wygrywa

Uniwersalny chatbot AI od OpenAI do tekstu, kodu i researchu.

Za

  • jakość wyników: 5/5
  • cena do wartości: 4/5
  • łatwość startu: 5/5
  • świeżość rozwoju: 5/5

Claude

od 0 USD

Chatbot AI od Anthropic do pisania, kodowania i agentowej pracy.

Za

  • jakość wyników: 5/5
  • cena do wartości: 4/5
  • łatwość startu: 4/5
  • świeżość rozwoju: 5/5
Dwa kryteria
Kryterium ChatGPT Claude
Darmowy plan Tak - darmowy dostęp do modelu z limitami użycia, wystarczający na start i codzienne pytania. Zweryfikowano 2026-07-12. Tak - darmowy plan z dostępem do modelu i limitem użycia, dobry na start. Zweryfikowano 2026-07-12.
Najtańszy plan płatny Plan Go od 8 USD/mies. (na razie niszowy, ograniczony limitami); popularniejszy Plus 20 USD/mies. Zweryfikowano 2026-07-12. Plan Pro 20 USD/mies. przy rozliczeniu miesięcznym. Zweryfikowano 2026-07-12.

Werdykt

ChatGPT wygrywa to starcie

Do dłuższych tekstów wymagających niuansu i do poważnej, wielopikowej pracy z kodem często wygrywa Claude. Do jak najszerszego zestawu funkcji w jednej aplikacji (obrazy, głos, Deep Research, Codex) i najtańszego wejścia w płatny plan lepszy jest ChatGPT. Oba mają darmowy plan, więc najtaniej po prostu przetestować oba na własnym typowym zadaniu przed wyborem.

pelna szerokosc

ChatGPT

od 0 USD

wygrywa

Uniwersalny chatbot AI od OpenAI do tekstu, kodu i researchu.

Za

  • jakość wyników: 5/5
  • cena do wartości: 4/5
  • łatwość startu: 5/5
  • świeżość rozwoju: 5/5

Claude

od 0 USD

Chatbot AI od Anthropic do pisania, kodowania i agentowej pracy.

Za

  • jakość wyników: 5/5
  • cena do wartości: 4/5
  • łatwość startu: 4/5
  • świeżość rozwoju: 5/5
Dwa kryteria
Kryterium ChatGPT Claude
Darmowy plan Tak - darmowy dostęp do modelu z limitami użycia, wystarczający na start i codzienne pytania. Zweryfikowano 2026-07-12. Tak - darmowy plan z dostępem do modelu i limitem użycia, dobry na start. Zweryfikowano 2026-07-12.
Najtańszy plan płatny Plan Go od 8 USD/mies. (na razie niszowy, ograniczony limitami); popularniejszy Plus 20 USD/mies. Zweryfikowano 2026-07-12. Plan Pro 20 USD/mies. przy rozliczeniu miesięcznym. Zweryfikowano 2026-07-12.

Werdykt

ChatGPT wygrywa to starcie

Do dłuższych tekstów wymagających niuansu i do poważnej, wielopikowej pracy z kodem często wygrywa Claude. Do jak najszerszego zestawu funkcji w jednej aplikacji (obrazy, głos, Deep Research, Codex) i najtańszego wejścia w płatny plan lepszy jest ChatGPT. Oba mają darmowy plan, więc najtaniej po prostu przetestować oba na własnym typowym zadaniu przed wyborem.

TabelaCenHistoria

390 px

Historia ceny

0 USD płatny plan od 6 USD/mies.

zweryfikowano

  1. najnowsza

    karta zalozona

  2. Pakiet H: cena Starter zweryfikowana na 6 USD/mies. (bylo blednie 5 USD w szkicu karty), pozostale plany potwierdzone bez zmian

pelna szerokosc

Historia ceny

0 USD płatny plan od 6 USD/mies.

zweryfikowano

  1. najnowsza

    karta zalozona

  2. Pakiet H: cena Starter zweryfikowana na 6 USD/mies. (bylo blednie 5 USD w szkicu karty), pozostale plany potwierdzone bez zmian

Paginacja + PasekPostepu

390 px

Karty sprawdzone 60%
postęp: 60%

pelna szerokosc

Karty sprawdzone 60%
postęp: 60%

Uwaga do wariantu "zwycięzca X" wyżej: to podgląd STANU wizualnego. Schemat starcia nie ma pola zwycięzcy, więc w produkcji werdykt zostaje kontekstowy.