skip to content
gioys.

search gioys

brands, items, sku — type anything

← back to home
// 00showcase room

this is what gioys
feels like.

ogni stanza qui sotto è un wow moment del sito. tutti sono già attivi globalmente — quindi puoi anche solo navigare la home normalmente e li senti sotto le dita. questo è un trailer.

// 01marquee ticker

la striscia in alto.

scorre infinita, comunica drop status, shipping, returns. è la firma drop-culture senza essere rumorosa. la vedi già attiva sopra tutto il sito.

global · css-only · 40s loop · subtle by default

preview ↑ (look up — it's on every page)
you're already inside the marquee. scroll up.
// 02custom cursor

il cursore parla.

passa il mouse sopra ognuno dei target qui a fianco — il cursore cambia etichetta in base al contesto. niente popup, niente tooltip pesanti. solo cura.

desktop only · data-cursor attribute · electric dot

explore
view
add to bag
sold out
open
save
// 03cmd+K instant search

tutto in due tasti.

premi ⌘ K (o Ctrl K) per aprire l'overlay di ricerca. brand, drop, categorie, account — la signature delle app moderne (Linear, Arc) portata sul fashion.

global · cmdk + shadcn · type-ahead grouped

try it now
+ K
on windows: ctrl + k
// 04drop countdown

il tempo è il prodotto.

ogni drop ha un'ora di rilascio. il countdown live crea urgenza, ti tiene incollato. mono, tabular-nums, niente sbalzi larghezza.

hydration-safe · 1s tick · per-drop target

next drop · ss26.03
--d--h--m--s
release · 02/06/2026pre-save
// 05product card · hover swap · quick sizes

passa col mouse, è già in carrello.

portrait 4:5 (la card fashion-grade), front/back image swap con cross-fade 500ms, size pills che salgono al hover. clicca una size → si apre il mini-cart con il pezzo dentro.

[ balenciaga ]
[ detail ]
3 left

Balenciaga

Track 3.0 Trainer

890,00 €
◉ 3 left
[ off-white ]
[ detail ]

Off-White

Diag Stripe Tee

320,00 €
◉ in stock
[ jacquemus ]
[ detail ]
sold out

Jacquemus

Le Bambino Long

650,00 €
○ sold out
[ acne studios ]
[ detail ]
1 left

Acne Studios

Mock-neck Knit

420,00 €
◉ 1 left
// 06mini-cart slide-out

la bag è sempre a un tasto.

drawer da destra con line items, quantità, subtotale mono. persiste tra sessioni. apri con ⌘ B o il pulsante qui a fianco — o aggiungi un prodotto dalla sezione sopra.

global · zustand persist · sheet shadcn

or press ⌘ B / ctrl B
// 07motion · scroll reveals + count-up

entra in scena.

ogni blocco fade-up quando entra nel viewport, i numeri salgono da zero. niente esagerato — spring intentional 200ms, 1 sola volta per scroll.

pieces
0
brands
0
live drops
0
shipped
0
// 08empty + 404 states

anche gli errori sono curati.

niente "Page Not Found" anonimi. il 404 è on-brand, dà 4 vie d'uscita sensate, e il vibe non si rompe.

click to see the 404 live/404.open →
// endthat's the trailer

quando approvi il vibe, propaghiamo questi pattern alle pagine reali: PLP brand, PDP, brand stories, lookbook, account. il design system è già pronto, è solo questione di moltiplicare.

← back to home