> ## Documentation Index > Fetch the complete documentation index at: https://docs.base44.com/llms.txt > Use this file to discover all available pages before exploring further. > ## Agent Instructions > Internal links on these pages omit the .md extension. Append .md to a docs page URL, or send an Accept: text/markdown header, to get that page as markdown. # Aggiungere componenti alla tua app > Sfoglia la libreria di componenti nell'editor dell'app per aggiungere componenti UI curati e pronti all'uso, che Base44 ricrea in base al tema, ai font e ai contenuti della tua app. La libreria di componenti è una raccolta di componenti UI curati e pronti all'uso. Puoi aggiungerli alla tua app direttamente dalla chat AI nell'editor dell'app. Invece di descrivere un layout da zero, sfogli componenti selezionati, scegli quello che vuoi e Base44 lo ricrea nella tua app. Quando aggiungi un componente, Base44 lo adatta al tema del tuo sito. Ne adegua colori, font e contenuti alla tua app, invece di inserire un blocco generico. Puoi sempre personalizzare ancora il design chiedendolo alla chat AI. Uno screenshot della finestra Component library con All components selezionato, l'elenco Categories e una griglia di componenti colorati *** ## Aprire la libreria di componenti Apri la libreria di componenti dal menu più nella chat AI, accanto al punto in cui scrivi i prompt. Quando selezioni un componente, la chat AI passa automaticamente alla modalità **Build mode**. Per saperne di più sulle modalità della chat, vedi [Modalità della chat AI](/it/Building-your-app/AI-chat-modes). **Per aprire la libreria di componenti:** 1. Vai all'editor della tua app. 2. Nella chat AI, clicca l'icona più accanto alla casella del prompt. 3. Clicca **Explore component library**. Uno screenshot del menu più della chat AI con il cursore su Explore component library *** ## Sfogliare e visualizzare in anteprima i componenti La libreria di componenti si apre in una finestra grande. In alto c'è una casella di ricerca e a sinistra un elenco di categorie. **All components** mostra tutto il contenuto della libreria. Ogni categoria raggruppa i componenti per scopo, come **Commerce**, **Navigation** e **Booking & Scheduling**. Hai 3 modi per trovare un componente: * **Ricerca:** Scrivi una parola chiave nella casella di ricerca. La ricerca avviene nella categoria aperta. Per cercare in tutta la libreria, scegli prima **All components**. * **Categorie:** Clicca una categoria a sinistra per vedere solo i suoi componenti. Su telefono, le categorie appaiono in una riga sopra la casella di ricerca. * **Filtri:** Clicca **Filters** per restringere l'elenco per tag. Passa il mouse su un componente per vederlo in azione, poi cliccalo per aprirne i dettagli. Vedi un'anteprima live che puoi alternare tra **Desktop** e **Mobile** e una breve descrizione. Per alcuni componenti trovi anche **Try different states**, per vedere ogni stato prima di aggiungerlo. Usa le frecce accanto al nome del componente per passare al precedente o al successivo. Uno screenshot della libreria di componenti con la categoria Commerce evidenziata e i suoi componenti mostrati con Filters *** ## Aggiungere un componente Dai dettagli di un componente, spieghi all'AI come usarlo. Poi lo aggiungi al prompt o lo crei subito. Puoi aggiungere un componente per messaggio. Quando invii il messaggio, Base44 ricrea il componente come codice React nella tua app. Ne adatta stile, font e testi al tuo design. **Per aggiungere un componente alla tua app:** 1. Clicca l'icona più accanto alla casella del prompt nella chat AI dell'editor dell'app. 2. Clicca **Explore component library**. 3. Clicca il componente che vuoi. 4. In **How should the AI use it?**, descrivi dove va inserito, ad esempio una pagina o una sezione. Questo passaggio è facoltativo. 5. Clicca **Add to chat** per inserirlo nel prompt e modificare prima il messaggio. In alternativa, clicca **Build now** per inviarlo subito. Uno screenshot dei dettagli di un componente con l'anteprima live, la descrizione e i pulsanti Add to chat e Build now evidenziati **Altre informazioni sull'aggiunta di componenti:** * **Aggiunta rapida:** Per aggiungere un componente senza aprirne i dettagli, clicca il **+** sulla sua scheda. * **Rivedere un componente:** Per rivedere un componente in seguito, clicca il suo chip nella casella del prompt o sopra il messaggio inviato. * **Nuove librerie di codice:** Se un componente usa una libreria di codice che la tua app non ha ancora, Base44 ti chiede di approvarne l'installazione durante la creazione del componente. Scopri di più su [come aggiungere e usare i pacchetti npm](/it/Building-your-app/NPM-packages). *** ## Domande frequenti Clicca una domanda qui sotto per saperne di più. Puoi aggiungere un componente per messaggio. Per aggiungerne un altro, apri di nuovo la libreria di componenti e ripeti i passaggi. No. Aggiungere un componente è un normale messaggio di creazione. Usa quindi i crediti come qualsiasi altro prompt. Sfogliare o aggiungere un componente non ha un costo separato. Sì. Una volta creato, il componente diventa parte della tua app. Puoi quindi chiedere alla chat AI di cambiarne lo stile, il contenuto o il layout, come per qualsiasi altra parte della tua app. Questa pagina è stata tradotta con l'AI. Per le informazioni più accurate e aggiornate, consulta la [versione inglese](/). This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.