https://github.com/SaraVieira/css-to-js

Transform between CSS, JS Objects and JSX props
https://github.com/SaraVieira/css-to-js

Last synced: 3 months ago
JSON representation

Transform between CSS, JS Objects and JSX props

• Host: GitHub
• URL: https://github.com/SaraVieira/css-to-js
• Owner: SaraVieira
• License: mit
• Created: 2020-03-07T19:14:09.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-02-28T15:58:26.000Z (over 1 year ago)
• Last Synced: 2024-05-02T04:47:14.627Z (7 months ago)
• Language: TypeScript
• Homepage: https://css2js.dotenv.dev/
• Size: 2.16 MB
• Stars: 160
• Watchers: 5
• Forks: 12
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: License.md

Awesome Lists containing this project

• awesome-list - css-to-js

README

        
# CSS to JS

[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)

[![Coverage](https://img.shields.io/codecov/c/gh/SaraVieira/css-to-js?style=flat-square)](https://codecov.io/gh/SaraVieira/css-to-js)

[Transform between CSS, JS Objects and JSX props.](https://css2js.dotenv.dev/)

We're all doing CSS-in-JS these days, but there doesn't seem to be a real consensus on the best way to do it. Some people like writing plain old CSS, template literals, object styles and others write styles as props on their React components.

To help ease the transition between those different forms, we've made a tool that transforms the code for you.

## Run locally

Fork the repo then:

```sh

git clone [email protected]:/css-to-js.git

cd css-to-js

yarn

yarn start

```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Sara Vieira
🤔 💻 🎨

    
Nimo Beeren
💻 🤔 📆 🚇

    
Firmino Alves
💻

    
Nathan Thorpe
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!