https://github.com/anber/wyw-in-js

https://github.com/anber/wyw-in-js

Last synced: 6 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/anber/wyw-in-js
• Owner: Anber
• License: mit
• Created: 2023-10-01T08:35:15.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-17T17:03:48.000Z (21 days ago)
• Last Synced: 2024-10-20T01:29:27.338Z (19 days ago)
• Language: JavaScript
• Size: 1.89 MB
• Stars: 231
• Watchers: 8
• Forks: 16
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        


  
WyW-in-JS

  
A Toolkit for Zero-Runtime CSS-in-JS Libraries



# Introduction

wyw-in-js, short for "Whatever-you-want-in-JS," is the world's first toolkit for creating various zero-runtime CSS(and more)-in-JS libraries. In essence, it empowers developers to build their own solutions with arbitrary syntax and functionality, offering complete independence from specific implementations.

### Origins

This library evolved from the CSS-in-JS library [Linaria][1], with the aim of decoupling from a specific implementation and providing developers with a comprehensive toolkit for crafting their own solutions with custom syntax and features.

### Key Features

- Provides an API for creating custom processors (e.g., `css` and `styled` in [Linaria][1] or `makeStyles` in [Griffel][2]).

- Supports a wide range of syntaxes, including tagged templates, function calls, and object literals.

- Computes any unprepared JavaScript during the build phase, generating a set of artifacts that processors can transform into styles (or other outputs, depending on the processor).

- Allows for arbitrary JavaScript in style definitions, including imports, conditionals, and loops.

- Offers loaders and plugins for popular bundlers (including Webpack, Vite, esbuild) and frameworks (Next.js), ensuring compatibility with various build systems.

[1]: https://github.com/callstack/linaria

[2]: https://github.com/microsoft/griffel