nano-css

Smallest 5th gen CSS-in-JS library

Usage no npm install needed!

<script type="module">
  import nanoCss from 'https://cdn.skypack.dev/nano-css';
</script>

README

nano-css

Tiny 5th generation CSS-in-JS library that you can actually use in production. Motto of nano-css is simple: create the smallest possible CSS-in-JS library and provide all features of any other library through addons.

  • Only 0.5 Kb in base configuration, e.g. styled-components is 15.1Kb
  • Library-agnostic — use it standalone, with React, Preact, Vue.js, or any other library
  • Isomorphic — render on server and browser, generates stable class names, and re-hydrates
  • Performant — simply the fastest library; does not create wrapper components, does not use inline styles or inline <style> elements, but caches all styles for re-use and injects CSS using .insertRule() for performance
  • @media queries and animation @keyframes are supported
  • Auto-prefixes your styles
  • Extract CSS into external style sheet
  • Public domain — Unlicense license

Reference