Pereiti prie turinio

UnoCSS yra inovatyvus Atomic CSS variklis, skirtas akimirksniu ir pagal poreikį pritaikyti stilius žiniatinklio programoms. Jo pagrindinis principas – pasiūlyti visiškai pritaikomus stiliaus sprendimus be apribojimų, kuriuos nustato pagrindinės pagalbinės klasės.

Naudotojai gali dinamiškai kurti stilius ir pritaikyti savo dizaino sistemą naudodami įvairius išankstinių nustatymų rinkinius.

Viena iš išskirtinių UnoCSS savybių – greitis. Skirtingai nuo tradicinių CSS karkasų, kuriems reikia daug laiko analizei, UnoCSS veikia akimirksniu ir yra gerokai spartesnis už panašias bibliotekas – maždaug penkis kartus greitesnis už Windi CSS ar Tailwind JIT. Šis efektyvumas dera su nedideliu dydžiu: visa biblioteka užima apie 6kb minifikuota ir suspausta, todėl yra pritaikyta naršyklėms ir neturi jokių priklausomybių.

Karkasas siūlo įvairias funkcijas, kurios palengvina kūrėjų darbą: sparčiuosius klasių grupavimo būdus, attributify režimą, leidžiantį grupuoti pagalbines klases atributuose, grynojo CSS piktogramas, kurias galima naudoti kaip pavienes klases, ir pažangias CSS direktyvas, leidžiančias lengvai pakartotinai naudoti pagalbines klases. Be to, inspektoriaus įrankis leidžia interaktyviai derinti stilius realiuoju laiku.

UnoCSS taip pat lengvai integruojamas su pagrindiniais kūrimo įrankiais ir darbo eigomis, pavyzdžiui, Vite, Nuxt, Astro, Webpack ir kitais. Dėl tokio plataus palaikymo kūrėjai gali lengvai įdiegti UnoCSS esamuose projektuose.

UnoCSS bendruomenės palaikymą sustiprina išsami dokumentacija ir mokomosios medžiagos, padedančios kūrėjams lengvai pritaikyti galingas funkcijas savo projektuose.

Funkcijos

  • Visiškai pritaikomas, nereikia pagrindinių pagalbinių klasių
  • Veikia akimirksniu, nereikia analizuoti ar skenuoti
  • Nedidelis dydis: ~6kb minifikuota ir suspausta su brotli
  • Dinaminiai pagalbinių klasių pseudonimai
  • Attributify režimas pagalbinėms klasėms grupuoti
  • Grynojo CSS piktogramos kaip pavienės klasės
  • Variantų grupių palaikymas
  • CSS direktyvos pagalbinėms klasėms pakartotinai naudoti su @apply
  • Kompiliavimo režimas klasėms generuoti kūrimo metu
  • Interaktyvus inspektorius derinimui
  • Sklandi integracija su įvairiais kūrimo įrankiais

Susiję elementai

emotion

Atraskite naują būdą rašyti stilius JavaScript kalba, kuriame dera kūrybiškumas ir efektyvumas.

Master CSS

Šis novatoriškas produktas keičia CSS rašymo ir taikymo būdą, suderindamas paprastumą ir našumą, kad žiniatinklio dizainas ir kūrimas būtų efektyvesni.

StyleX

Ši biblioteka siūlo paprastesnį žiniatinklio programų stilizavimo būdą: naudojami atominiai stiliai, kurie užtikrina efektyvumą ir palengvina priežiūrą.

Tailwind CSS

Naudingumo klasėmis pagrįsta CSS sistema, suteikianti įrankius bet kokiam dizainui kurti žymėjime ir leidžianti greitai kurti modernias, tvarkingas ir lengvai prižiūrimas svetaines su HTML.

Skeleton

Adaptyvus ir prieinamas įrankių rinkinys, palengvinantis modernių žiniatinklio programų kūrimą.

styled-components

Galinga biblioteka, leidžianti sklandžiai naudoti CSS JavaScript kalboje komponentams stilizuoti.

ChakraUI

Greitai ir efektyviai kurkite prieinamas žiniatinklio programas naudodami patikimą būtiniausių komponentų rinkinį, kurį lengva naudoti ir lengva pritaikyti.

Tamagui

Ši biblioteka – galingas sprendimas naudotojo sąsajoms React ir React Native aplinkose kurti, derinantis našumą ir lankstumą.