Design System — v 1.0

Wzorce

Gotowe kompozycje UI zbudowane wyłącznie z prymitywów i komponentów DS. Kopiuj, adaptuj, wdrażaj.

Wzorzec — Artykuł

Poradnik5 min czytania

Jak budować interfejsy z prfct.dev

Design System eliminuje powtarzalne decyzje projektowe. Zamiast pytać "jak duży margines?" — masz prymitywy, które odpowiadają za całą przestrzeń.

Zacznij od struktury, nie od wyglądu

Section, Container i Stack budują szkielet zanim cokolwiek zobaczy użytkownik. Layout oddzielony od wyglądu to gwarancja, że żaden komponent nie ma "magicznych marginesów" — każdy piksel przestrzeni pochodzi z systemu.

Tokeny zamiast wartości

Zakaz surowych palet Tailwinda. bg-primary zamiast bg-zinc-900. System mówi intencją, nie kolorem — zmiana motywu nie wymaga edycji setek plików.

className="bg-primary text-primary-foreground"

Polimorfizm zamiast duplikacji

Używamy asChild z Radix UI — link może wyglądać jak przycisk bez zagnieżdżania tagów interaktywnych. Warianty przez CVA, nie przez kopiowanie klas.

Zeprzał Michałka · 24 marca 2026

Design Systems

Wzorzec — Sekcja Feature

Dlaczego prfct.dev

Wszystko czego potrzebujesz do budowania

Jeden zestaw zasad. Jeden zestaw komponentów. Nieskończenie wiele produktów.

Dostępność bez kompromisów

Każdy komponent spełnia WCAG AA. Focus ring, nawigacja klawiaturą i kontrast 4.5:1 — z pudełka, bez dodatkowej konfiguracji.

Hackathon-ready

Od pustego repo do działającej strony w godziny. Bloki składa się jak klocki — zero powtarzania layoutu w każdym nowym projekcie.

Jeden standard, cały team

Lucide React dla ikon. next/image dla obrazów. globals.css dla kolorów. Jedno źródło prawdy — wszyscy mówią tym samym językiem.

Wzorzec — Dashboard

Przegląd projektu

Ostatnie 30 dni · Aktualizacja co 5 minut

Aktywni użytkownicy

12 483

+14%

Sesje dzisiaj

3 291

+7%

Średni czas sesji

4m 22s

-3%

Ocena zadowolenia

4.9 / 5

+0.2

Ostatnia aktywność

Marta K.

Sukces

Opublikowała nową wersję projektu

2 min temu

Tomasz W.

Błąd

Zgłosił błąd w module płatności

18 min temu

Anna B.

Info

Zaprosiła 3 nowych członków teamu

1 godz. temu

Piotr M.

Archiwum

Zarchiwizował projekt Q1

3 godz. temu

Szybkie akcje

Status systemu

Działa

API · 42ms

Baza danych · 8ms

CDN · 12ms

Wzorzec — Cennik

Prosty cennik. Zero niespodzianek.

Zacznij za darmo. Skaluj kiedy jesteś gotowy.

Free

0 zł

Na zawsze. Zero karty kredytowej.

3 aktywne projekty

Wszystkie prymitywy layout

Dokumentacja online

Wsparcie community

ProNajpopularniejszy

49 zł

miesięcznie · anuluj kiedy chcesz

Nieograniczone projekty

Wszystkie bloki i wzorce

Priorytetowe wsparcie

Early access do nowych funkcji

Licencja komercyjna

Wzorzec — Formularz

Napisz do nas

Odpowiadamy w ciągu 24 godzin roboczych.

Imię i nazwisko

Adres email

Temat

Wysyłając formularz akceptujesz politykę prywatności.

Dlaczego warto?

Odpowiadamy w 24h

Dedykowany kanał wsparcia dla użytkowników Pro.

Gwarancja jakości

Każdy komponent testowany na produkcyjnych projektach.

Regularne aktualizacje

Nowe wzorce i komponenty co miesiąc.

Zaufali nam

4.9 / 5.0

Na podstawie 128 ocen od użytkowników systemu.

Wzorzec — Stany UI

Opublikowano

Projekt jest dostępny

Twoja strona jest dostępna pod adresem prfct.dev/projekt. Zmiany widoczne natychmiast.

Błąd zapisu

Nie udało się opublikować

Przekroczono limit rozmiaru pliku (max 5MB). Skompresuj obrazy i spróbuj ponownie.