@styils/solid

简体中文

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

Documentation

It's very fast. Almost as fast as using native css, and even faster than native rendering under certain conditions

Bench

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)

Solid 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

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.