İçeriğe atla

Miktar Adımlı Ürün Kartı

Kartlar · Pro kaynağı

Tüm satın alma kararını taşıyan tek ürün kartı. Büyük, sınırlı bir ürün çekimi adın, bir dürüst açıklama satırının, önceki değeri üstü çizili fiyatın ve aynı satırdaki kenarlıklı miktar adımlayıcısının üstünde oturur. Adımlayıcı, canlı bir sayımın etrafında iki ikon düğmesidir; böylece sayı sepete ulaşmadan önce hem görülür hem duyulur.

Canlı önizlemeyi açNeobrütalism Pro'yu al
Kartlar
Neobrutalist product card for React and Tailwind CSS: a photograph of black, yellow and white high-top trainers on a pale yellow circle, above the name Air Jordan 1 Mid, a description, a struck-through 109.99 dollar price beside 83.99 dollars, a bordered minus-two-plus quantity stepper and a black ADD TO CART button.
Miktar Adımlı Ürün Kartı
  • Hero, fiyatlandırma ve auth
  • Her duraklama noktasını önizle
  • Kaynağı kopyala
  • MCP kuruluma hazır
  • Radix · Base UI · React Aria
  • 158 hazır bloklar
  • Gönderilen sayfa bölümleri
  • Gösterge panelleri ve pazarlama
  • Pro şifreyi açar
  • Açılır düzenler
ÖnizlemeÜcretsizTam ekran açın ve kesme noktasını veya temayı değiştirin.KodProTek, bağımsız TSX dosyası. Kopyalayın, kendiniz yapın.KurulumProTek bir shadcn CLI komutu — ya da Claude Code, Cursor veya herhangi bir MCP istemcisi için ajan istemi.

Oluşturulan yapı

Artı lucide-react ikonları ve Tailwind CSS — başka runtime bağımlılığı yok.

Kartlar için daha fazla düzen (14)

Hepsini görüntüle

https://neobrutalism.com/tr/blocks/cards/product-card-with-quantity-stepper

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

Sıkça sorulan
sorular

Bu Miktar Adımlı Ürün Kartı bloğunun nasıl bir araya getirildiği, ne değiştirebileceğiniz ve burada diğer düzenler yerine ne zaman kullanması gerektiği.

Erişim engeli sorunu mu var? E-posta[email protected]
Get Pro — Save 33%--:--:--