Zum Inhalt springen

Produktkarte mit Menge

Cards · Pro-Quellcode

Eine Einzelprodukt-Karte, die die gesamte Kaufentscheidung trägt. Ein großes, enthaltenes Produktfoto sitzt über dem Namen, einer ehrlichen Beschreibungszeile, dem Preis mit durchgestrichenem alten Wert und einem umrandeten Mengen-Stepper in derselben Zeile. Der Stepper besteht aus zwei Icon-Buttons um eine Live-Zählung, sodass die Zahl gehört wie gesehen werden kann, bevor irgendetwas den Warenkorb erreicht.

Live-Vorschau öffnenHol dir Neobrutalism Pro
Cards
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.
Produktkarte mit Menge
  • Heroes, Preise & Auth
  • Vorschau in jeder Breakpoint
  • Code kopieren
  • MCP-Installation bereit
  • Radix · Base UI · React Aria
  • 158 fertige Blöcke
  • Page-Sections die shippen
  • Dashboards & Marketing
  • Pro schaltet den Code frei
  • Layouts zum Einsetzen
VorschauKostenlosÖffne es im Vollbild und wechsle Breakpoint oder Theme.CodeProEine eigenständige TSX-Datei. Kopier sie, sie gehört dir.InstallationProEin einziger shadcn-CLI-Befehl — oder der Agent-Prompt für Claude Code, Cursor oder jeden MCP-Client.

Gebaut mit

Plus lucide-react Icons und Tailwind CSS — keine weitere Runtime-Abhängigkeit.

Mehr Cards-Layouts (14)

Alle anschauen

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

Geliebt von Devs, Designern
& Creators

  • Bin über dein UI-Kit gestolpert und hab es sofort mitgenommen. Beeindruckt: neu, aktiv gepflegt und ständig verbessert. Großartige Arbeit! 🤘

    Ziv Reich, Softwareentwickler

  • Wollte nur sagen: großartige Arbeit an neobrutalism.com. Gefällt mir wirklich. Ich bin miserabel im Design, deshalb war das perfekt. Hab es auf meiner persönlichen Seite eingesetzt.

    Paul Bratslavsky, Macher von Coding With Paul

  • Endlich meine persönliche Website mit Neobrutalism.com neu gebaut — spaßige Bibliothek, super einfach zum Starten!

    Cameron Blackwood, Content Creator

  • Neobrutalism.com ist eine meiner liebsten UI-Komponenten-Bibliotheken im Retro-Stil — Komponenten, die wirklich shippen.

    Zhengyang Hou, Indie Hacker

  • eine meiner liebsten ui-bibliotheken fürs web. tolle arbeit — hoffe, es geht steil nach oben.

    Taseen Tanvir, Gründer & Designer

  • Habe gerade Neobrutalism.com Pro ausprobiert — ein UI-Kit, das nicht aussieht wie alles andere. Die neobrutalistischen Blöcke 🔥 machen schräge Layouts deutlich schneller.

    Nitesh Padghan, Ghostwriter

  • Wunderschönes Landingpage-Design mit perfekter Balance und Flow. Die Farbpalette zusammen mit den Animationen schafft eine außergewöhnliche User Experience.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Ich bin wirklich beeindruckt von dem Design, das sie geliefert haben. Das Endergebnis entsprach genau dem, was ich mir vorgestellt hatte.

    Desmond, Mitgründer @ VectorlabsVentures

  • Als Agenturinhaber brauche ich oft Wochen, um Landingpage-Layouts für Kunden zu perfektionieren. Mit Neobrutalism.com stecke ich ein Template ein, passe den Copy an – und bin ship-ready.

    Duke Opoku Amankwah, Gründer @ Midas

  • Die Templates sind nicht nur optisch stark, sondern auch unglaublich gut strukturiert. Sie haben uns Wochen Entwicklungszeit gespart.

    Abiola Braimah, Developer @ Studio IX

  • Hervorragende Qualität und Liebe zum Detail. Das responsive Design funktioniert auf allen Geräten einwandfrei.

    Acromond X., Mitgründer @ VectorlabsVentures

  • Diese Templates in unseren Workflow zu integrieren hat unseren Entwicklungszyklus deutlich verkürzt. Exzellente Arbeit.

    Raquib S., Backend-Entwickler

  • Diese Templates sind unsere Go-to-Ressource geworden. Der Code ist sauber, gut dokumentiert und leicht anpassbar.

    Hallic M., Developer @ AtlasLabs

  • Neobrutalism.com-Templates treffen die perfekte Balance zwischen Ästhetik und Funktionalität. Ein echter Game-Changer für unsere Projekte.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Hervorragender Support und Premium-Templates. Der ROI dieser Templates ist phänomenal.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com-Templates haben komplett verändert, wie wir neue Kundenprojekte angehen. Die Codequalität ist außergewöhnlich und die Designs wirklich world-class.

    Danny G., Gründer von DevStack

  • Ich habe viele Template-Bibliotheken genutzt, aber Neobrutalism.com sticht durch Performance-Optimierung und saubere Code-Architektur heraus.

    Ian D., CTO bei Wavelength

  • Die Animationen und Micro-Interactions in diesen Templates sind absolut beeindruckend. Beste Investition für unser Design-Team.

    Ben S., Lead Designer bei PixelPerfect

  • Als nicht-technischer Gründer haben uns Neobrutalism.com-Templates geholfen, unser MVP in Rekordzeit zu launchen – ohne Designqualität zu opfern. Unsere Investoren waren begeistert.

    Matthew I., Startup-Gründer

  • Ich schätze, wie modular und gut dokumentiert diese Komponenten sind. Wir konnten Teile aus verschiedenen Templates nahtlos mischen.

    Garrett P., Frontend Lead bei TechFusion

  • Der ROI von Neobrutalism.com-Templates ist unglaublich. Wir haben die Entwicklungszeit dramatisch gesenkt und liefern gleichzeitig hochwertigere Sites an unsere Kunden.

    Xavier C., Agentur-Inhaber

Häufig gefragt
Fragen

Wie der Produktkarte mit Menge-Block aufgebaut ist, was du ändern kannst und wann du ihn statt der anderen Layouts hier verwenden solltest.

Problem mit dem Zugriff? E-Mail[email protected]
Get Pro — Save 33%--:--:--