Sviluppo Web – Link Utili
6 minuti
07/05/2023
Tempo di lettura: 6 min.
🎨 Template & Ispirazione UI
- Digizu Templates – Layout gratuiti realizzati con Tailwind CSS.
- One Page Love – La migliore galleria di ispirazione per siti a pagina singola.
- HyperUI – Collezione di componenti Tailwind CSS open source gratuiti.
- Best Astro Themes – Directory di temi e starter kit per Astro.
- Astro Themes Official – La galleria ufficiale dei temi Astro.build.
🧱 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
- Laravel Artisan Cheatsheet – Guida interattiva ai comandi Artisan.
- Project Awesome – Raccolta di liste “Awesome” per qualsiasi linguaggio o tool.
- Awwwards – I migliori trend di web design e siti premiati.
- Airbnb JavaScript Style Guide – Uno degli standard più usati per scrivere JS pulito.
- Laravel Best Practices – Guida (in italiano) alle pratiche corrette in Laravel.
- Colors & Fonts – Risorse curate di colori e tipografia per designer.
- web.dev Learn – Corsi e guide ufficiali Google sullo sviluppo web moderno.
- CSS Highlight Generator – Crea l’effetto “evidenziatore” sul testo via CSS.
- Laracasts – La “Netflix per sviluppatori”: tutorial su Laravel, PHP, JS e altro.
- HTML DOM – Guida per manipolare il DOM con vanilla JS (senza jQuery).
🛠️ 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”.