styils
styils copied to clipboard
styils
Lightweight and fast css-in-js solution. Support for topics, Polymorphism, SSR, Sourcemap, Full type definitions
简体中文
Lightweight and fast css-in-js tool
🌟 Features
- 🎭 Polymorphism
- 🔵 Full ts type
- 🗺 Support SourceMap
- 🛎 Support SSR
- 🎨 Support Themes
- ☘️ Small size compression + gzip 4kb
- ⚡️ Near native rendering speed
It's very fast. Almost as fast as using native css, and even faster than native rendering under certain conditions
Styils React
React wrapper including the styled API.
npm install @styils/react
Styils Solid
Solid wrapper including the styled API.
npm install @styils/solid
Styils Vue (Only supports vue3)
Vue wrapper including the styled API.
npm install @styils/vue
Styils Babel Plugin
This is required for sourcemap. Note that babel-plugin does not support vue suorcemap
More
npm install @styils/babel-plugin
Styils Vite Plugin
Wraps @styils/babel-plugin and provides vue sourcemap support.
More babel options
npm install @styils/vite-plugin
SSR Example
Credits
Styils was inspired by other css in js tools such as emotion, goober, stitches. Thanks.
Benchmarks come from stitches
License
Licensed under the MIT License, Copyright © 2022-present zoy-l
See LICENSE for more information.
styils