Estrai ed esporta
Export in Astro
Esporta una sezione di qualsiasi sito come componente .astro, oppure scarica un progetto Astro pronto da avviare in uno ZIP, solo dal CSS scritto dall'autore.
Aggiornata il 20 ottobre 2026
L’export Astro ti dà una sezione di qualsiasi sito in due modi: come componente .astro da aggiungere a un progetto che hai già, oppure come progetto Astro pronto da avviare in uno ZIP, comodo quando vuoi partire da zero o mostrare la sezione da sola.
Come esportare una sezione in Astro
-
Apri l’inspector con Alt+I e fai clic sulla sezione o sul componente che ti serve.
-
Scegli Astro nella finestra di export.
-
Controlla l’anteprima isolata a 375, 768, 1024 e 1280 px, o in uno dei 27 dispositivi con cornice.
-
Copia il componente
.astrooppure scarica il progetto Astro in ZIP.
Componente o progetto?
| Risultato | Quando usarlo |
|---|---|
Componente .astro |
Hai già un sito Astro e vuoi aggiungerci la sezione |
| Progetto Astro (ZIP) | Vuoi un progetto che parte così com’è, per iniziare un sito nuovo o provare la sezione da sola |
Cosa contengono gli stili
Come ogni formato di Pickode, l’export Astro nasce dai fogli di stile originali del sito, non dai valori calcolati dal browser:
- ogni regola
@media,@supportse@container, così com’è scritta; - stati come
:hover,:focus,:focus-visible,:focus-withine:active, anche sugli antenati (per esempio.card:hover .titolo); ::before,::aftere CSS nidificato;var()risolte con il valore del sito, proprietà ereditate messe sulla radice, URL relativi resi assoluti;- niente valori calcolati, niente stili predefiniti del browser, niente reset universali.
Per come viene letto il CSS vedi Export in HTML + CSS.
Free e Pro
Limiti
Correlati
Ancora bloccato?Contattaci