emotion
Avasta uus viis JavaScriptis stiilide kirjutamiseks, mis seab esikohale loovuse ja tõhususe.
UnoCSS
Stiilimine
UnoCSS on uuenduslik Atomic CSS-i mootor, mis pakub veebirakenduste kujundamiseks kohest ja vajaduspõhist lahendust. Selle põhimõte on pakkuda täielikult kohandatavaid kujunduslahendusi ilma põhiliste utiliidiklasside seatud piiranguteta.
Kasutajad saavad stiile dünaamiliselt luua ja oma kujundussüsteemi mitmesuguste eelseadistuste abil kohandada.
UnoCSS-i üks silmapaistvamaid omadusi on kiirus. Erinevalt traditsioonilistest CSS-raamistikest, mille parsingu peale kulub palju aega, töötab UnoCSS kohe ning on märkimisväärselt kiirem kui sarnased teegid: hinnanguliselt viis korda kiirem kui Windi CSS või Tailwind JIT. Tõhususega kaasneb väike maht: kogu teek on tihendatult ja minimeeritult ligikaudu 6kb, nii et see sobib hästi brauseris kasutamiseks ega vaja sõltuvusi.
Raamistik sisaldab mitmesuguseid funktsioone, mis parandavad arenduskogemust: otseteed utiliitide rühmitamiseks, attributify-režiim utiliitide rühmitamiseks atribuutides, puhtad CSS-i ikoonid, mida saab hõlpsasti kasutada üksikute klassidena, ning täiustatud CSS-direktiivid, mis võimaldavad utiliidiklasse lihtsalt taaskasutada. Lisaks pakub inspektoritööriist interaktiivset viisi stiilide reaalajas silumiseks.
UnoCSS integreerub hästi ka teiste tööriistadega ning toetab peamisi ehitustööriistu ja töövooge, näiteks Vite'i, Nuxti, Astro, Webpacki ja muud. Lai tugi võimaldab arendajatel UnoCSS-i olemasolevatesse projektidesse hõlpsalt lisada.
UnoCSS-i kogukonnapõhist arengut toetavad põhjalik dokumentatsioon ja õpetused, mis aitavad arendajatel selle võimsaid funktsioone projektides sujuvalt kasutada.
Funktsioonid
- Täielikult kohandatav ilma põh utiliitideta
- Kohene töö ilma parsingu või skannimiseta
- Väike maht: ~6kb min+brotli
- Utiliitide dünaamilised aliased
- Attributify-režiim utiliitide rühmitamiseks
- Puhaste CSS-i ikoonide kasutamine üksikute klassidena
- Variantide rühmade tugi
- CSS-direktiivid utiliitide taaskasutamiseks @apply abil
- Kompileerimisrežiim klasside loomiseks ehitamise ajal
- Interaktiivne inspektor silumiseks
- Sujuv integreerimine mitmesuguste arendustööriistadega
Seotud üksused
Master CSS
See uuenduslik toode muudab põhjalikult CSS-i kirjutamise ja rakendamise viisi, ühendades tõhusa veebidisaini ja -arenduse nimel lihtsuse ning jõudluse.
StyleX
See teek pakub veebirakenduste kujundamiseks sujuvat lähenemist, kasutades tõhususe ja hõlpsa hooldatavuse tagamiseks atomaarseid stiile.
Tailwind CSS
Utility-first CSS-raamistik, mis pakub hulgaliselt klasse mis tahes kujunduse loomiseks otse märgenduses ning võimaldab kiiresti luua kaasaegseid veebisaite, hoides HTML-i korrastatuna ja hõlpsasti hooldatavana.
Skeleton
Kohanduv ja ligipääsetav tööriistakomplekt tänapäevaste veebirakenduste arendamise tõhustamiseks.
styled-components
Võimas teek, mis võimaldab komponentide sujuvaks kujundamiseks kasutada CSS-i JavaScriptis.
ChakraUI
Loo ligipääsetavaid veebirakendusi kiiresti ja tõhusalt oluliste komponentide põhjaliku valikuga, mida on lihtne kasutada ja väga kohandada.
Tamagui
See teek on võimas lahendus Reacti ja React Native'i kasutajaliideste loomiseks, ühendades tõhususe paindlikkusega.