planning

Sviluppo Web – Link Utili

6 minuti
07/05/2023

Tempo di lettura: 6 min.

🎨 Template & Ispirazione UI

🧱 Componenti UI & Frameworks

  • Blade UI Kit – Componenti UI pronti all’uso per Laravel Blade.
  • WireUI – Libreria di componenti moderna per Laravel Livewire e Tailwind.
  • Wire Elements Modal – Gestione modali dinamiche per Livewire.
  • Flowbite – Popolare libreria di componenti basata su Tailwind CSS.
  • daisyUI – Componenti Tailwind semantic (scrivi meno classi).
  • Ripple UI – Framework UI moderno basato su Tailwind.
  • Xtend UI – Componenti con interazioni avanzate e animazioni complesse.
  • Tailwind Kit – Kit starter gratuito con componenti e template.
  • Shuffle for Tailwind – Editor visuale e libreria componenti.
  • Tailblocks – Blocchi di codice Tailwind pronti da copiare.
  • Tailwind Components – Repository open source di componenti creati dalla community.
  • Creative Tim Starter Kit – Kit base gratuito per progetti Tailwind.
  • PrimeVue – Suite completa di componenti UI per Vue.js.
  • Sheaf UI – Libreria di componenti accessibili.

⚡ Javascript & Interazioni

  • Markmap – Visualizza file Markdown come mappe mentali.
  • PhotoSwipe – Galleria immagini JavaScript modulare e senza dipendenze.
  • SwiperJS – Il più moderno slider touch per mobile e web.
  • Tiny Slider – Slider leggero e senza dipendenze esterne.
  • SimpleParallax – Libreria JS leggerissima per effetti di parallasse.
  • Rellax – Parallasse veloce e leggero (Vanilla JS).
  • Vanilla-tilt.js – Effetto di inclinazione 3D sugli elementi.

✨ CSS & Animazioni

  • Animista – Generatore on-demand di animazioni CSS pronte all’uso.
  • Animate.style – Libreria di animazioni CSS plug-and-play cross-browser.

🖼️ Immagini, Icone & Grafica

  • unDraw – Illustrazioni open source vettoriali personalizzabili col tuo colore.
  • Pexels – Foto e video stock gratuiti di alta qualità.
  • Ouch! by Icons8 – Illustrazioni vettoriali gratuite per progetti web.
  • SVG Logos – Loghi di tecnologie e brand in formato vettoriale pulito.
  • Lorem Picsum – Placeholder di immagini casuali (il Lorem Ipsum delle foto).
  • Robohash – Genera avatar unici (robot o mostri) basati su qualsiasi testo.
  • Heroicons – Set di icone SVG realizzate dai creatori di Tailwind CSS.
  • Iconify – Framework unificato per utilizzare oltre 100 set di icone.
  • Google Fonts Icons – Le icone e i simboli Material Design ufficiali.
  • Loading.io – Generatore di icone di caricamento (spinner) animate.
  • Burst by Shopify – Foto stock gratuite orientate al business.

⚙️ Funzionalità, Backend & API

  • Laravel Packages – Lista curata dei migliori pacchetti Laravel da Laravel Daily.
  • Algolia – API per la ricerca istantanea e discovery.
  • Auth0 – Soluzione completa per autenticazione e gestione identità.
  • Keystatic – CMS open source basato su file per Next.js, Remix e Astro.
  • Laravel Translations – Pacchetto per gestire le traduzioni dal database.
  • Scribe – Generatore automatico di documentazione API per Laravel.
  • Spatie Valuestore – Archiviazione semplice di valori chiave-valore in file JSON.
  • Nanostores – State manager piccolissimo per React, Vue e vanilla JS.
  • Decap CMS – CMS open source basato su Git (ex Netlify CMS).
  • Crystallize – Servizio Headless Commerce super veloce per sviluppatori.
  • Binafy Laravel Cart – Pacchetto carrello acquisti semplice per Laravel.
  • GitHub Hits – Badge contatore visite semplice per i README di GitHub.

📚 Guide, Tutorial & Best Practices

🛠️ Utilità & Produttività

  • Zight – Strumento rapido per screenshot, registrazioni schermo e GIF.
  • Mailtrap – Ambiente di staging sicuro per testare le email.
  • Zapier – Automatizza i workflow collegando diverse app web.
  • tawk.to – Software di live chat gratuito per monitorare i visitatori.
  • Open Exchange Rates – API JSON semplice per i tassi di cambio valute.
  • Modern Font Stacks – Stack di font di sistema veloci (nessun download richiesto).
  • SVGOMG – Ottimizzatore di file SVG online (riduce il peso senza perdere qualità).
  • Tailwind Shades – Genera le sfumature (50-900) per un colore base Tailwind.
  • Real Favicon Generator – Crea favicon compatibili per tutti i browser e device.
  • Coolors – Il generatore di palette colori più veloce.
  • Fontsource – Scarica e ospita i font open source (tipo Google Fonts) in locale.
  • Excalidraw – Lavagna virtuale collaborativa in stile “disegno a mano”.