Componenti

Componenti pronti per la produzione costruiti con Rails, Stimulus e Tailwind. Sfoglia, copia e personalizza.

Layout

Contenuto

Blocco di codice

v1.0.0

Visualizzazione di codice con evidenziazione della sintassi, intestazione opzionale con nome file...

Scheda statistiche

v1.0.0

Visualizza metriche e statistiche chiave in un formato scheda compatto. Include etichetta, valore...

Appunti

v1.0.0

Componente copia negli appunti con varianti multiple per diversi casi d'uso. Supporta stili pulsa...

Lista descrittiva

v1.0.0

Lista descrittiva semantica per la visualizzazione di coppie chiave-valore. Disponibile negli sti...

Fisarmonica

v1.0.0

Sezioni di contenuto espandibili per organizzare le informazioni. Disponibile nelle varianti base...

Avatar

v1.0.0

Rappresentazione di utente o entità con immagine, fallback a iniziali e indicatore di stato opzio...

Tabella dati

v1.0.0

Un componente tabella dati flessibile con funzionalità componibili. Supporta paginazione, ordinam...

Carosello

v1.0.0

Un componente carosello/slider responsive con navigazione a frecce, punti di paginazione, support...

Lista ordinabile

v1.0.0

Lista riordinabile con trascinamento e board kanban utilizzando l'API nativa HTML Drag and Drop c...

Board Kanban

v1.0.0

Board kanban con trascinamento per la gestione di progetti e il tracciamento delle attività. Supp...

Linea temporale

v1.0.0

Visualizzazione cronologica di eventi con icone, timestamp e slot per contenuti. Lo stile vertica...

Calendario

v1.0.0

Componente calendario interattivo per la visualizzazione e la selezione delle date. Supporta navi...

Scorrimento infinito

v1.0.0

Carica automaticamente altri contenuti quando si scorre vicino al fondo di un contenitore. Funzio...

Conto alla rovescia

v1.0.0

Timer animato con conto alla rovescia verso una data obiettivo. Lo stile semplice mostra numeri c...

Fumetto chat

v1.0.0

Visualizzazione di messaggi conversazionali con allineamento per mittente, avatar e timestamp. Lo...

Tabella prezzi

v1.0.0

Visualizzazione piani tariffari con toggle mensile/annuale. Disponibile come schede affiancate o ...

Feedback

Sovrapposizioni

Moduli

Pulsante

v1.0.0 Gratuito

Un componente pulsante versatile con varianti multiple (primario, secondario, trasparente) e dime...

Campo di testo

v1.0.0

Un componente input di testo versatile con etichetta, testo suggerimento e stati di errore. Suppo...

Area di testo

v1.0.0

Un componente input di testo multi-riga con funzionalità opzionale di ridimensionamento automatic...

Selezione

v1.0.0

Un componente dropdown di selezione nativo con etichetta, testo suggerimento e stati di errore. S...

Casella di controllo

v1.0.0

Una singola casella di controllo con etichetta e testo descrittivo opzionale. Supporta sia la mod...

Gruppo radio

v1.0.0

Un gruppo di pulsanti radio per selezionare una singola opzione tra più scelte. Supporta sia la m...

Gruppo di caselle di controllo

v1.0.0

Un gruppo di caselle di controllo per selezionare più opzioni da un elenco. Supporta sia la modal...

Gruppo interruttori

v1.0.0

Una riga di pulsanti interruttore per passare tra viste, filtri o modalità. Supporta selezione si...

Interruttore

v1.0.0

Un controllo interruttore a levetta per stati booleani acceso/spento. Supporta sia la modalità fo...

Gruppo input

v1.0.0

Un input di testo con prefisso e suffisso opzionali per icone, testo o pulsanti. Supporta sia la ...

Caricamento file

v1.0.0

Un componente di caricamento file con trascinamento e supporto anteprima. Supporta sia la modalit...

Combobox

v1.0.0

Un dropdown di selezione con ricerca e navigazione da tastiera. Supporta sia la modalità form bui...

Input numerico

v1.0.0

Input numerico con pulsanti incrementa/decrementa, vincoli min/max e passo. Offre un'esperienza u...

Cursore

v1.0.0

Selezione di valori numerici tramite maniglia trascinabile. Supporta le modalità valore singolo e...

Input PIN

v1.0.0

Serie di input a carattere singolo per codici di verifica e inserimento OTP. Avanza automaticamen...

Input tag

v1.0.0

Input di testo che crea tag/chip rimovibili man mano che i valori vengono inseriti. Supporta vali...

Valutazione

v1.0.0

Input di valutazione a stelle (o icona personalizzata). Supporta precisione a mezza stella, modal...

Input password

v1.0.0

Un input password con toggle di visibilità, indicatore di robustezza e checklist dei requisiti. I...

Selezione multipla

v1.0.0

Dropdown con ricerca che permette di selezionare valori multipli, visualizzati come tag/chip rimo...

Editor di testo ricco

v1.0.0

Un editor di testo ricco contenteditable con barra degli strumenti per la formattazione del testo...

Input menzione

v1.0.0

Un'area di testo con supporto menzioni inline. Digita un carattere di attivazione (predefinito "@...

Input telefono

v1.0.0

Input per numeri di telefono internazionali con dropdown di selezione paese, emoji bandiera e pre...

Area firma

v1.0.0

Cattura firma su canvas con supporto mouse e touch. Esporta la firma come PNG base64 in un campo ...

Input valuta

v1.0.0

Input di valuta formattato con simbolo, separatori delle migliaia automatici e formattazione deci...

Modifica inline

v1.0.0

Componente di modifica inline con clic per editare, disponibile negli stili testo, area di testo ...

Selettore colore

v1.0.0

Input di selezione colore con area tonalità/saturazione, cursori, campioni preimpostati e input h...

Selettore data

v1.0.0

Un componente di selezione data con dropdown calendario. Supporta le modalità di selezione data s...