NeobrutalistaReact UI Figma kit
Un kit Figma con look neobrutalista mappato 1:1 sui componenti React — oltre 300 componenti con varianti, auto-layout e annotazioni delle classi Tailwind. Token light e dark inclusi; Pro sblocca il kit.
- 300+ componenti Figma
- Varianti e auto-layout
- Tailwind annotazioni di classe
- Mappe 1:1 da convertire in codice
- Gettoni chiari e scuri
- Inclusi in Pro
- Token dei temi integrati
- Progettazione → consegna
- In stile neobrutalista
- v1.3 kit
Scala Progettazione e
Sviluppo
Un sistema neobrutalista su Figma e su React — componenti, varianti, layout automatico e token che si integrano perfettamente con il kit di codice, così che design e sviluppo non vadano più alla deriva.
Ogni componente fondamentale, in quanto componente Figma
I pulsanti, nelle finestre di dialogo e non solo, vengono forniti come veri e propri componenti Figma con diverse varianti. Progetta utilizzando la stessa libreria che la tua app installa, non un prototipo una tantum che gli sviluppatori devono ricostruire da zero.
Tailwind classi su ogni livello
I livelli sono contrassegnati con le utilità a cui corrispondono nel codice. Il passaggio di mano consiste nel copiare e incollare i nomi delle classi, non nel far combaciare questo riempimento a occhio.
Scegli un tema e il resto viene da sé
I simboli chiari e scuri rispecchiano il tema del codice. Basta scambiare i colori primari, quelli delle superfici e del testo nel kit e tutte le istanze si aggiornano, proprio come le variabili di CSS cambiano il tema del sito.
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
Figma kit
FAQ
Il sistema di progettazione.fig di Pro presente in questa pagina: contenuto dei file, download con accesso riservato, annotazioni Tailwind e come si integra con il codice.