NeobrütalistReact UI Figma kit
React bileşenleriyle 1:1 eşlenen neobrütalist bir Figma kiti — variants, auto-layout ve Tailwind sınıf notlarıyla 300+ bileşen. Açık ve koyu tokenlar dahil; Pro kiti açar.
- 300+ Figma bileşeni
- Varyantlar ve auto-layout
- Tailwind sınıf açıklamaları
- 1:1'daki haritaları koda dönüştür
- Açık ve koyu renkli jetonlar
- Pro ile birlikte sunulur
- Yerleşik tema belirteçleri
- Tasarım → sevkiyat
- Tasarım açısından neobrutalist
- v1.3 set
Ölçek Tasarım ve
Geliştirme
Figma ve React adreslerinde yer alan bir neobrutalist sistem — kod setiyle uyumlu bileşenler, varyantlar, otomatik mizanpaj ve simgeler sayesinde tasarım ve mühendislik arasındaki uçurumun kapanması sağlanıyor.
Her temel bileşen, bir Figma bileşeni olarak
Diyalog pencereleri ve diğer öğelerdeki düğmeler, varyantları olan gerçek Figma bileşenleri olarak sunulur. Uygulamanızın yüklediği kütüphaneyi temel alarak tasarım yapın — mühendislik ekibinin sıfırdan yeniden oluşturduğu tek seferlik bir simülasyon değil.
Tailwind her katmandaki sınıflar
Katmanlar, kodda eşleştikleri yardımcı işlevlerle birlikte açıklamalıdır. Devir işlemi, sınıf adlarını kopyalayıp yapıştırmaktan ibarettir; bu boşlukları gözle eşleştirmek değildir.
Bir kez tema seçin — gerisi kendiliğinden gelir
Açık ve koyu renkli simgeler, kod temasını yansıtıyor. Kitteki birincil öğeleri, yüzeyleri ve yazı tiplerini değiştirirseniz, her örnek otomatik olarak güncellenir; tıpkı CSS değişkenlerinin sitenin temasını yeniden belirlemesi gibi.
Sevilen bir topluluk:
geliştiriciler, tasarımcılar ve üreticiler
Bir UI kitine denk geldim ve hemen aldım. Yeni, aktif sürdürülüyor ve sürekli gelişiyor — harika bir iş! 🤘
Ziv Reich, Yazılım Geliştirici Sadece şunu söylemek istedim: neobrutalism.com harika olmuş. Gerçekten çok beğendim. Tasarımda berbatım, bu yüzden bu benim için müthiş oldu. Kişisel sitemde kullandım.
Paul Bratslavsky, Coding With Paul'ün yaratıcısı Sonunda kişisel web sitemi Neobrutalism.com ile yeniden yaptım — eğlenceli kütüphane, başlamak çok kolay!
Cameron Blackwood, İçerik Üreticisi Neobrutalism.com, retro tarzındaki en sevdiğim UI bileşen kütüphanelerinden biri — gerçekten ship edilebilen bileşenler.
Zhengyang Hou, Indie Hacker web için en sevdiğim ui kütüphanelerinden biri. harika iş — umarım çok daha ileri gider.
Taseen Tanvir, Kurucu ve Tasarımcı Neobrutalism.com Pro'yu denedim — her şeye benzemeyen bir UI kiti. Neobrütalist bloklar 🔥 tuhaf düzenleri prototiplemeyi çok hızlandırdı.
Nitesh Padghan, Ghostwriter Mükemmel denge ve akışa sahip harika bir landing page tasarımı. Renk paleti animasyonlarla birleşince olağanüstü bir kullanıcı deneyimi yaratıyor.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Sundukları tasarımdan gerçekten etkilendim. Nihai ürün tam olarak hayal ettiğimle örtüştü.
Desmond, Kurucu ortak @ VectorlabsVentures Bir ajans sahibi olarak müşteriler için landing page düzenlerini genelde haftalarca cilalarım. Neobrutalism.com ile bir şablon takıyorum, metni ayarlıyorum ve ship etmeye hazırım.
Duke Opoku Amankwah, Kurucu @ Midas Şablonlar yalnızca görsel olarak çarpıcı değil; aynı zamanda inanılmaz iyi yapılandırılmış. Bize haftalarca geliştirme süresi kazandırdı.
Abiola Braimah, Geliştirici @ Studio IX Üstün kalite ve detaylara özen. Responsive tasarım tüm cihazlarda sorunsuz çalışıyor.
Acromond X., Kurucu ortak @ VectorlabsVentures Bu şablonları iş akışımıza entegre etmek geliştirme döngümüzü ciddi şekilde kısalttı. Mükemmel iş.
Raquib S., Backend geliştirici Bu şablonlar başvurduğumuz ana kaynağımız oldu. Kod temiz, iyi belgelenmiş ve kolayca özelleştirilebilir.
Hallic M., Geliştirici @ AtlasLabs Neobrutalism.com şablonları estetik ile işlevsellik arasında mükemmel dengeyi kuruyor. Projelerimiz için gerçek bir dönüm noktası.
Ibrahim S., Frontend Lead @ ScaleUp Üstün destek ve premium kalitede şablonlar. Bu şablonların ROI’si fenomenal.
Kevin K., CEO @ WebCraft Neobrutalism.com şablonları yeni müşteri projelerine yaklaşımımızı tamamen değiştirdi. Kod kalitesi olağanüstü, tasarımlar gerçekten dünya standartlarında.
Danny G., DevStack kurucusu Birçok şablon kütüphanesi kullandım ama Neobrutalism.com performans optimizasyonu ve temiz kod mimarisine verdiği önemle öne çıkıyor.
Ian D., Wavelength CTO’su Bu şablonlardaki animasyonlar ve mikro etkileşimler gerçekten büyüleyici. Tasarım ekibimiz için en iyi yatırım.
Ben S., PixelPerfect Lead Designer Teknik olmayan bir kurucu olarak Neobrutalism.com şablonları, tasarım kalitesinden ödün vermeden MVP’mizi rekor sürede çıkarmamıza yardımcı oldu. Yatırımcılarımız çok etkilendi.
Matthew I., Startup kurucusu Bu bileşenlerin ne kadar modüler ve iyi belgelenmiş olduğunu takdir ediyorum. Farklı şablonlardan parçaları sorunsuzca birleştirebildik.
Garrett P., TechFusion Frontend Lead Neobrutalism.com şablonlarının ROI’si inanılmaz. Geliştirme süremizi ciddi şekilde kısaltırken müşterilere daha yüksek kaliteli siteler teslim ediyoruz.
Xavier C., Ajans sahibi
Figma-kit
FAQ
Bu sayfadaki Pro (.fig) tasarım sistemi — dosya içeriği, erişim kısıtlı indirme, Tailwind açıklamaları ve kodla nasıl entegre olduğu.