Конвертеры кода

CSS → JS-объект и styled-components

Превращает CSS в объект стилей для React (свойства в camelCase) или в заготовки styled-components.

CSS

Объект стилей

const styles = {
  card: {
    padding: '16px',
    borderRadius: '8px',
    backgroundColor: '#ffffff',
    boxShadow: '0 1px 3px rgba(0, 0, 0, 0.1)',
  },
  cardTitle: {
    fontSize: '18px',
    fontWeight: '600',
    marginBottom: '8px',
  },
};

Разбираются обычные правила «селектор { … }». Медиазапросы и вложенность (SCSS) конвертер не раскрывает — их нужно перенести руками.