Uwierzytelnianiebloki
Ekrany logowania i rejestracji. Gotowe bloki UI React w neobrutalistycznym stylu — hero, pricing, auth, dashboards i więcej. Podejrzyj je na każdym rozmiarze ekranu, skopiuj kod albo zainstaluj przez agenta AI i nasz serwer MCP. Działają z Radix UI, Base UI i React Aria.
- Hero, cenniki i auth
- Podgląd każdego punktu przerwania
- Skopiuj kod źródłowy
- MCP gotowy do instalacji
- Radix · Base UI · React Aria
- 158 gotowe bloki
- Sekcje strony, które są dostarczane
- Panele kontrolne i marketing
- Pro odblokowuje kod
- Układy typu „drop-in”
Przejrzyj każdy układ
Uwierzytelnianie
7 bloków — otwórz dowolną kartę, aby uzyskać pełny podgląd, kod i kroki instalacji.
- 01Pro
Formularz logowania z ilustracją
Formularz logowania z ilustracją poza kartą i pełnoszerokościowymi przyciskami Google oraz Apple pod spodem. React i Tailwind — podepnij własną trasę.
- 02Pro
Formularz rejestracji magic link
Rejestracja bez hasła: jedno pole email, przycisk wysyłania i linijka regulaminu, bez wymyślania hasła. React i Tailwind — podepnij pod swój mailer.
- 03Pro
Minimalna karta logowania
Dwa wymagane pola i jeden przycisk na płaskim kolorowym tle, bez dostawców i bez JavaScriptu po stronie klienta. React i Tailwind — dodaj action.
- 04Pro
Logowanie kodem QR
Skanowalny panel QR obok zwykłych pól email i hasło, dzięki czemu zalogowany telefon autoryzuje komputer. React i Tailwind, z przyciskiem odświeżania.
- 05Pro
Karta logowania z social login
Karta logowania w ramce z barwionym paskiem nagłówka, remember me oraz przyciskami GitHub i Google pod linią podziału. React i Tailwind, pasuje wszędzie.
- 06Pro
Rejestracja z checklistą hasła
Formularz rejestracji, w którym trzy reguły hasła na bieżąco się odhaczają, plus pola imienia i zgoda. React i Tailwind — powtórz reguły na serwerze.
- 07Pro
Logowanie na podzielonym ekranie
Logowanie przecięte na pół: najpierw dostawcy, niżej email i hasło, po prawej pełnoekranowa grafika. React i Tailwind — podmień na własne zdjęcie.