Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brikou/css-in-js-generator
A tool to generate trendy CSS-in-JS files from regular CSS.
https://github.com/brikou/css-in-js-generator
css css-in-js emotion js react
Last synced: 19 days ago
JSON representation
A tool to generate trendy CSS-in-JS files from regular CSS.
- Host: GitHub
- URL: https://github.com/brikou/css-in-js-generator
- Owner: brikou
- License: mit
- Created: 2017-10-02T08:12:48.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-11-28T16:58:18.000Z (almost 4 years ago)
- Last Synced: 2024-10-13T04:13:09.559Z (about 1 month ago)
- Topics: css, css-in-js, emotion, js, react
- Language: TypeScript
- Homepage:
- Size: 88.9 KB
- Stars: 51
- Watchers: 4
- Forks: 8
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CSS-in-JS-generator
__CSS-in-JS-generator__ is a tool to generate trendy CSS-in-JS files from regular CSS.
## Install
```sh
npm install css-in-js-generator
```
## Usage
Here is a demo to convert [Bootstrap](http://getbootstrap.com/) to CSS-in-JS usable by [emotion](https://emotion.sh/).
```sh
curl https://unpkg.com/[email protected]/dist/css/bootstrap.css | \
node ./node_modules/css-in-js-generator/index.js > \
bootstrap.js
```
## Demo
A demo using next.js, emotion and bootstrap is available [here](https://css-in-js-experiences.ga/bootstrap/), source code of demo is [here](https://github.com/brikou/CSS-in-JS-experiences).
## License
MIT