NeobrutalistycznyReact UI Figma kit
Kit Figma w neobrutalistycznym stylu, odwzorowany 1:1 na komponenty React — 300+ komponentów z variants, auto-layout i adnotacjami klas Tailwind. Tokeny light i dark w zestawie; Pro odblokowuje kit.
- 300+ komponentów Figma
- Warianty i „auto-layout”
- Tailwind adnotacje klas
- Przekształca adres 1:1 na kod
- Żetony jasne i ciemne
- W zestawie z grą „Pro”
- Wbudowane tokeny motywów
- Projektowanie → realizacja
- Styl neobrutalistyczny
- v1.3 zestaw
Skala Projekt i
Rozwój
System w stylu neobrütalizmu dostępny pod adresami Figma oraz React — elementy, warianty, automatyczny układ oraz tokeny dostosowane do zestawu kodowego, dzięki czemu projektowanie i realizacja techniczna nie odbiegają od siebie.
Każdy element podstawowy, jako element typu Figma
Przyciski wykorzystywane w oknach dialogowych i nie tylko są dostarczane jako pełnoprawne komponenty typu Figma wraz z wariantami. Projektuj w oparciu o tę samą bibliotekę, którą instaluje Państwa aplikacja — a nie o jednorazowy makietowy element, który inżynierowie muszą tworzyć od podstaw.
Tailwind klasy na każdej warstwie
Warstwy są opatrzone adnotacjami wskazującymi, z jakimi elementami w kodzie są powiązane. Przekazywanie polega na kopiowaniu i wklejaniu nazw klas, a nie na ręcznym dopasowywaniu odstępów na oko.
Wystarczy wybrać motyw raz — reszta dostosuje się automatycznie
Jasne i ciemne elementy graficzne odzwierciedlają motyw kodu. Wystarczy zamienić elementy główne, powierzchnie i czcionki w zestawie, a wszystkie instancje zostaną zaktualizowane – tak samo, jak zmienne w CSS zmieniają motyw strony.
Figma zestaw · v1.3
Zaprojektuj swój kolejny produkt, który przyciągnie uwagę
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
Figma zestaw
FAQ
System projektowania plików.fig Pro przedstawiony na tej stronie — zawartość plików, pobieranie z ograniczeniami dostępu, adnotacje typu Tailwind oraz sposób, w jaki współdziała on z kodem.