Przejdź do treści

Karta logowania z social login

Uwierzytelnianie · Kod źródłowy Pro

Karta logowania w ramce dla produktów, w których email i hasło wciąż są głównymi drzwiami, a dostawcy są tylko skrótem. Barwiony pasek nagłówka niesie tytuł i linię powitalną, pola poświadczeń siedzą w treści z przełącznikiem pokazywania i ukrywania hasła, a oba przyciski dostawców znajdują się pod linią podziału, dzięki czemu główna ścieżka pozostaje na górze. Dostarczana jest wyłącznie jako znaczniki — bez wywołań autoryzacji, bez udawanej obsługi wysyłki — więc wystarczy skierować formularz na własny endpoint i zachować resztę.

Otwórz podgląd na żywoUzyskaj Neobrutalism Pro
Uwierzytelnianie
Neobrutalist sign in card for React and Tailwind CSS: a bordered card with a pale yellow header reading Sign In, an email field, a password field with an eye toggle and a Forgot password link, a Remember me checkbox, a black bordered Sign In button, an Or continue with divider, and GitHub and Google buttons side by side.
Karta logowania z social login
  • 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”
PodglądBezpłatnieOtwórz na pełnym ekranie i przełączaj punkt przerwania lub motyw.KodProJeden samowystarczalny plik TSX. Skopiuj, posiadaj.InstalacjaProJedno polecenie CLI shadcn — albo monit dla agenta w Claude Code, Cursorze lub dowolnym kliencie MCP.

Zbudowane przy użyciu

Plus ikony lucide-react i Tailwind CSS — brak innych zależności czasu wykonywania.

Więcej Uwierzytelnianie układów (6)

Pokaż wszystkie

https://neobrutalism.com/pl/blocks/authentication/sign-in-card-with-social-buttons

Uwielbiane przez deweloperów, projektantów
i twórców

  • Natknąłem się na twój UI kit i od razu go wziąłem. Projekt nowy, aktywnie rozwijany i wciąż ulepszany — kawał dobrej roboty! 🤘

    Ziv Reich, Programista

  • Chciałem tylko powiedzieć: świetna robota z neobrutalism.com. Naprawdę mi się podoba. Jestem beznadziejny w projektowaniu, więc to był strzał w dziesiątkę. Użyłem tego na swojej prywatnej stronie.

    Paul Bratslavsky, Twórca Coding With Paul

  • W końcu przebudowałem swoją prywatną stronę z Neobrutalism.com — fajna biblioteka, super łatwy start!

    Cameron Blackwood, Twórca treści

  • Neobrutalism.com to jedna z moich ulubionych bibliotek komponentów UI w stylu retro — komponenty, które naprawdę się shipuje.

    Zhengyang Hou, Indie hacker

  • jedna z moich ulubionych bibliotek ui do weba. świetna robota — oby projekt szedł coraz dalej.

    Taseen Tanvir, Założyciel i projektant

  • Właśnie wypróbowałem Neobrutalism.com Pro — UI kit, który nie wygląda jak wszystko inne. Neobrutalistyczne bloki 🔥 przyspieszyły prototypowanie dziwnych układów.

    Nitesh Padghan, Ghostwriter

  • Piękny design landing page z idealną równowagą i flow. Paleta kolorów w połączeniu z animacjami tworzy wyjątkowe doświadczenie użytkownika.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Jestem naprawdę pod wrażeniem designu, który dostarczyli. Finalny produkt dokładnie odpowiadał temu, co sobie wyobrażałem.

    Desmond, Współzałożyciel @ VectorlabsVentures

  • Jako właściciel agencji zwykle spędzam tygodnie na dopracowywaniu layoutów landingów dla klientów. Z Neobrutalism.com wkładam szablon, poprawiam copy i jestem gotowy do publikacji.

    Duke Opoku Amankwah, Założyciel @ Midas

  • Szablony nie tylko wyglądają rewelacyjnie — są też niesamowicie dobrze ustrukturyzowane. Oszczędziły nam tygodnie pracy deweloperskiej.

    Abiola Braimah, Developer @ Studio IX

  • Wybitna jakość i dbałość o detale. Responsywny design działa bez zarzutu na wszystkich urządzeniach.

    Acromond X., Współzałożyciel @ VectorlabsVentures

  • Włączenie tych szablonów do naszego workflow znacząco skróciło cykl rozwoju. Świetna robota.

    Raquib S., Backend developer

  • Te szablony stały się naszym podstawowym źródłem. Kod jest czysty, dobrze udokumentowany i łatwy do dostosowania.

    Hallic M., Developer @ AtlasLabs

  • Szablony Neobrutalism.com trafiają w idealną równowagę między estetyką a funkcjonalnością. Prawdziwy game-changer dla naszych projektów.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Wybitne wsparcie i szablony premium. ROI tych szablonów jest fenomenalne.

    Kevin K., CEO @ WebCraft

  • Szablony Neobrutalism.com całkowicie zmieniły sposób, w jaki podchodzimy do projektów klientów. Jakość kodu jest wyjątkowa, a designy naprawdę world-class.

    Danny G., Założyciel DevStack

  • Korzystałem z wielu bibliotek szablonów, ale Neobrutalism.com wyróżnia się dbałością o optymalizację wydajności i czystą architekturę kodu.

    Ian D., CTO w Wavelength

  • Animacje i mikrointerakcje w tych szablonach są absolutnie oszałamiające. Najlepsza inwestycja dla naszego zespołu designu.

    Ben S., Lead Designer w PixelPerfect

  • Jako nietechniczny founder, szablony Neobrutalism.com pomogły nam uruchomić MVP w rekordowym czasie bez kompromisów w jakości designu. Nasi inwestorzy byli zachwyceni.

    Matthew I., Założyciel startupu

  • Doceniam, jak modularne i dobrze udokumentowane są te komponenty. Bez tarcia mieszamy elementy z różnych szablonów.

    Garrett P., Frontend Lead w TechFusion

  • ROI szablonów Neobrutalism.com jest niesamowite. Dramatycznie skróciliśmy czas developmentu, dostarczając klientom strony wyższej jakości.

    Xavier C., Właściciel agencji

Najczęściej zadawane
pytania

Jak zbudowany jest blok Karta logowania z social login, co można zmienić i kiedy go używać zamiast innych układów tutaj.

Problem z dostępem? Prosimy o kontakt mailowy[email protected]
Get Pro — Save 33%--:--:--