wink-cursor

Mis on wink-cursor?

wink-cursor on kergekaaluline React komponent, mis asendab vaikimisi süsteemi kursori kohandatud pildiga — ja paneb selle iga klõpsu peale "pilgutama". Staatilise kursori asemel näevad kasutajad mängulist emotikonit või ikooni, mis lühidalt muutub pilgutavaks animatsiooniks, kui nad rakenduses kuhugi klõpsavad. Komponent on loodud lihtsust silmas pidades: paigalda see, lisa oma React rakendusse ja see töötab üle terve lehe ilma igasuguse konfiguratsioonita.

Kellele see on mõeldud

• Tootedisaineritele, kes soovivad lisada isikupära sisseelamise voogudele või maandumislehtedele ilma kohandatud animatsioonitööta.
• React arendajatele, kes otsivad sissevisatavat mikrointeraktsiooni, mis töötab kohe karbist välja minimaalse koodiga.
• Loovate projektide ehitajatele, kes teevad portfoolioid, interaktiivseid lugusid või mängulisi veebikogemusi, kus kursor ise muutub brändi osaks.

Peamised omadused

Täielikult kohandatavad pildid ja suurus

Saate määrata mis tahes pildi URL-i nii tavalise kursori kui ka klõpsuga käivituva pilgutuspildi jaoks. size atribuut võimaldab teil kontrollida kursori mõõtmeid pikslites, nii et see sobib teie disainiga — olgu sooviks väike emotikon või suurem bränditud ikoon.

Reguleeritav pilgutuse kestus

duration atribuut määrab, kui kaua pilgutuspilt pärast klõpsu nähtavale jääb (millisekundites). See annab teile peene kontrolli animatsiooni tunde üle — alates kiirest välgatusest kuni pikema mängulise efektini.

Kergekaaluline ja lihtne paigaldada

Komponent on avaldatud ühe npm paketina ilma raskete sõltuvusteta. Paigaldamine on üks käsk ja kasutamine nõuab vaid ühte importi ja ühte JSX silti. Pole vaja CSS-i ülekirjutusi ega globaalseid stiilimuudatusi.

Mis paistab silma

"Väike rõõm läheb kaugele — eriti sisseelamisel, maandumislehtedel ja loovates projektides."

Enamik veebiliideseid tunduvad puhtalt tehingulised. wink-cursor muudab igapäevase tegevuse — klõpsamise — üllatuse hetkeks. Selle asemel, et ehitada kohandatud hõljumisolekuid või animatsioonijadasid, saate valmis mikrointeraktsiooni, mis töötab üle terve rakenduse. Pilgutuse efekt on piisavalt peen, et mitte segada, kuid piisavalt märgatav, et panna kasutajaid naeratama. See on haruldane näide UI komponendist, mis seab rõõmu kasulikkusest ettepoole, ilma jõudlust ohverdamata.

Tasub proovida, kui…

Ehitate React rakendust, mis vajaks veidi isikupära — eriti maandumislehtede, sisseelamisvoogude, portfooliote või muude projektide jaoks, kus esmamuljed on olulised. Kui olete kunagi soovinud, et teie kursor tunduks vähem tööriistana ja rohkem tegelasena, siis wink-cursor pakub seda vähem kui 10 koodireaga.