Vai al contenuto

Hero blog con card sovrapposta

Blog · Codice sorgente Pro

Un apertura blog costruita su una collisione deliberata: una foto di copertina a piena larghezza con la card del post principale che sporge dal suo bordo inferiore, metà sull'immagine e metà sulla pagina. Sotto, tre post recenti ripetono il pattern in piccolo, ciascuno con la copertina incassata nella propria cornice. Ogni colore è un token del tema, quindi segue la tua palette in chiaro e scuro senza modifiche.

Apri anteprima in direttaOttieni Neobrutalism Pro
Blog
Neobrutalist blog hero for React and Tailwind CSS: a wide cover photograph with a bordered white card overlapping its bottom-left corner showing a category badge, headline, author avatar and date, above three smaller post cards with inset cover images.
Hero blog con card sovrapposta
  • Hero, prezzi e auth
  • Visualizza in anteprima ogni punto di interruzione
  • Copia il codice sorgente
  • MCP pronto per l'installazione
  • Radix · Base UI · React Aria
  • 158 blocchi prefabbricati
  • Sezioni della pagina incluse nella spedizione
  • Dashboard e marketing
  • Pro sblocca il codice
  • Layout a inserimento
AnteprimaGratuitoAprilo a schermo intero e cambia breakpoint o tema.CodiceProUn file TSX autonomo. Copialo, è tuo.InstallazioneProUn solo comando della CLI di shadcn — oppure il prompt per Claude Code, Cursor o qualsiasi client MCP.

Realizzato con

Inoltre icone lucide-react e Tailwind CSS — nessun'altra dipendenza runtime.

Altri layout Blog (7)

Visualizza tutto

https://neobrutalism.com/it/blocks/blogs/overlapping-card-blog-hero

Amato da dev, designer
e creator

  • Mi sono imbattuto nel tuo kit UI e l’ho preso subito. Colpito nel vedere che è nuovo, mantenuto attivamente e migliorato di continuo. Lavoro pazzesco! 🤘

    Ziv Reich, Sviluppatore software

  • Volevo solo dire: ottimo lavoro con neobrutalism.com. Mi piace davvero. Sono negato con il design, quindi per me è stato fantastico. L’ho usato sul mio sito personale.

    Paul Bratslavsky, Creatore di Coding With Paul

  • Finalmente ho rifatto il mio sito personale con Neobrutalism.com — libreria divertente e semplicissima da iniziare!

    Cameron Blackwood, Content creator

  • Neobrutalism.com è una delle mie librerie di componenti UI retro preferite — componenti che si shippano davvero.

    Zhengyang Hou, Indie hacker

  • una delle mie librerie ui preferite per il web. ottimo lavoro — spero che vada alla grande.

    Taseen Tanvir, Founder e designer

  • Ho appena provato Neobrutalism.com Pro — un kit UI che non somiglia a tutto il resto. I blocchi neobrutalisti 🔥 hanno reso più veloce prototipare layout strani e divertenti.

    Nitesh Padghan, Ghostwriter

  • Design di landing page bellissimo, con equilibrio e flusso perfetti. La palette di colori unita alle animazioni crea un’esperienza utente eccezionale.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Sono davvero impressionato dal design che hanno consegnato. Il prodotto finale corrisponde esattamente a quello che avevo in mente.

    Desmond, Co-fondatore @ VectorlabsVentures

  • Come titolare di agenzia di solito passo settimane a rifinire i layout delle landing per i clienti. Con Neobrutalism.com inserisco un template, regolo il copy e sono pronto a pubblicare.

    Duke Opoku Amankwah, Fondatore @ Midas

  • I template non sono solo splendidi visivamente: sono anche strutturati benissimo. Ci hanno fatto risparmiare settimane di sviluppo.

    Abiola Braimah, Sviluppatore @ Studio IX

  • Qualità eccellente e attenzione ai dettagli. Il design responsive funziona alla perfezione su tutti i dispositivi.

    Acromond X., Co-fondatore @ VectorlabsVentures

  • Integrare questi template nel nostro workflow ha ridotto in modo significativo il ciclo di sviluppo. Ottimo lavoro.

    Raquib S., Sviluppatore backend

  • Questi template sono diventati la nostra risorsa di riferimento. Il codice è pulito, ben documentato e facilmente personalizzabile.

    Hallic M., Sviluppatore @ AtlasLabs

  • I template di Neobrutalism.com trovano l’equilibrio perfetto tra estetica e funzionalità. Un vero game-changer per i nostri progetti.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Supporto eccellente e template di qualità premium. Il ROI di questi template è fenomenale.

    Kevin K., CEO @ WebCraft

  • I template di Neobrutalism.com hanno trasformato del tutto il modo in cui affrontiamo i progetti clienti. La qualità del codice è eccezionale e i design sono di prim’ordine.

    Danny G., Fondatore di DevStack

  • Ho usato molte librerie di template, ma Neobrutalism.com si distingue per l’attenzione all’ottimizzazione delle performance e a un’architettura di codice pulita.

    Ian D., CTO di Wavelength

  • Le animazioni e le micro-interazioni di questi template sono assolutamente stupefacenti. Il miglior investimento per il nostro team design.

    Ben S., Lead Designer di PixelPerfect

  • Come founder non tecnico, i template di Neobrutalism.com ci hanno aiutato a lanciare l’MVP in tempi record senza scendere a compromessi sulla qualità del design. I nostri investitori sono rimasti a bocca aperta.

    Matthew I., Fondatore di startup

  • Apprezzo quanto siano modulari e ben documentati questi componenti. Abbiamo potuto mischiare pezzi di template diversi senza attriti.

    Garrett P., Frontend Lead di TechFusion

  • Il ROI dei template di Neobrutalism.com è incredibile. Abbiamo ridotto drasticamente i tempi di sviluppo consegnando siti di qualità superiore ai clienti.

    Xavier C., Titolare di agenzia

Domande
frequenti

Come è composto il blocco Hero blog con card sovrapposta, cosa puoi modificare e quando usarlo al posto degli altri layout qui.

Problemi con l'accesso? Scrivici[email protected]
Get Pro — Save 33%--:--:--