jss-plugin-camel-case

What is jss-plugin-camel-case?

The jss-plugin-camel-case npm package is a plugin for JSS (JavaScript Style Sheets) that allows you to write your CSS rules using camelCase syntax instead of kebab-case. This is particularly useful when you are working in a JavaScript environment where camelCase is the conventional way of writing identifiers. The plugin automatically converts these camelCase rules into the correct CSS syntax.

What are jss-plugin-camel-case's main functionalities?

CamelCase to kebab-case conversion

This feature allows you to write CSS properties in camelCase, which the plugin will then convert to kebab-case. For example, 'backgroundColor' is converted to 'background-color' in the final CSS output.

{
  "button": {
    "backgroundColor": "blue",
    "color": "white"
  }
}

Other packages similar to jss-plugin-camel-case

css-in-js

Similar to jss-plugin-camel-case, css-in-js allows you to write CSS directly within JavaScript files. However, css-in-js is a broader concept encompassing various libraries and approaches, rather than a specific plugin for handling camelCase conversion.

styled-components

Styled-components is a library for styled components in React applications, allowing CSS to be written in camelCase within tagged template literals. Unlike jss-plugin-camel-case, styled-components creates actual React components with styles attached, rather than converting CSS syntax.

glamor

Glamor is another CSS-in-JS library that allows for writing styles in JavaScript. It supports both camelCase and kebab-case for CSS properties, automatically handling the conversion similar to jss-plugin-camel-case, but it is more focused on performance optimizations and complex CSS handling.

README

jss-plugin-camel-case

JSS plugin that allows to write camel cased rule properties

See our website jss-plugin-camel-case for more information.

Install

Using npm:

npm install jss-plugin-camel-case

or using yarn:

yarn add jss-plugin-camel-case