npmpackage.info

Gathering detailed insights and metrics for style-to-object

Other packages similar to style-to-object

style-to-js

1.1.17

Parses CSS inline style to JavaScript object (camelCased).

to-style

1.3.3

Convert style objects to style strings

react-style-object-to-css

1.1.2

Convert react style with object to inline css(string).

css-to-style

1.4.0

Transform a string of css rules into a style object

Gathering detailed insights and metrics for style-to-object

style-to-object - 1.0.9 | npmpackage.info

style-to-object

📝 Parse CSS inline style to JavaScript object.

1.0.9

MIT

TypeScript

40.93 kB

6.9

Installations

npm install style-to-object

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

20.19.2

NPM Version

10.8.2 Pull Requests

Open

2

Total

678

Closed

26

Merged

650

Issues

Open

1

Total

6

Closed

5

Releases

v1.0.9

Updated on Jun 06, 2025

v1.0.8

Updated on Sep 11, 2024

v1.0.7

Updated on Aug 28, 2024

v1.0.6

Updated on Mar 27, 2024

v1.0.5

Updated on Dec 01, 2023

v1.0.4

Updated on Oct 31, 2023

View All 21 releases

Languages

TypeScript

JavaScript

TypeScript (71.33%)

JavaScript (28.67%)

Developer

remarkablemark

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

65 Stars

894 Commits

4 Forks

1 Watchers

2 Branches

4 Contributors

Updated on Jul 11, 2025

Maintainers

View All 4 Contributors

Package Meta Information

Latest Version

1.0.9

Package Id

style-to-object@1.0.9

Unpacked Size

40.93 kB

Size

11.21 kB

File Count

NPM Version

10.8.2

Node Version

20.19.2

Published on

Jun 06, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

style-to-object

Parse CSS inline style to JavaScript object:

1import parse from 'style-to-object';
2
3parse('color: #C0FFEE; background: #BADA55;');

Output:

1{ color: '#C0FFEE', background: '#BADA55' }

JSFiddle | Replit | Examples

Installation

NPM:

1npm install style-to-object --save

Yarn:

1yarn add style-to-object

CDN:

1<script src="https://unpkg.com/style-to-object@latest/dist/style-to-object.min.js"></script>
2<script>
3  window.StyleToObject(/* string */);
4</script>

Usage

Import with ES Modules:

1import parse from 'style-to-object';

Require with CommonJS:

1const parse = require('style-to-object').default;

Parse single declaration:

1parse('line-height: 42');

Output:

1{ 'line-height': '42' }

Parse multiple declarations:

1parse(`
2  border-color: #ACE;
3  z-index: 1337;
4`);

Output:

1{ 'border-color': '#ACE', 'z-index': '1337' }

Parse unknown declarations:

1parse('answer: 42;');

Output:

1{ 'answer': '42' }

Invalid declarations/arguments:

1parse(`
2  top: ;
3  right: 1em;
4`); // { right: '1em' }
5
6parse();        // null
7parse(null);    // null
8parse(1);       // null
9parse(true);    // null
10parse('top:');  // null
11parse(':12px'); // null
12parse(':');     // null
13parse(';');     // null
14
15parse('top'); // throws Error
16parse('/*');  // throws Error

Iterator

If the 2nd argument is a function, then the parser will return null:

1parse('color: #f00', () => {}); // null

But the function will iterate through each declaration:

1parse('color: #f00', (name, value, declaration) => {
2  console.log(name);        // 'color'
3  console.log(value);       // '#f00'
4  console.log(declaration); // { type: 'declaration', property: 'color', value: '#f00' }
5});

This makes it easy to customize the output:

1const style = `
2  color: red;
3  background: blue;
4`;
5const output = [];
6
7function iterator(name, value) {
8  output.push([name, value]);
9}
10
11parse(style, iterator);
12console.log(output); // [['color', 'red'], ['background', 'blue']]

Migration

v1

Migrated to TypeScript. Iterator excludes Comment. CommonJS requires the .default key:

1const parse = require('style-to-object').default;

Release

Release and publish are automated by Release Please.

Special Thanks

License

MIT

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Security-Policy

Determines if the project has published a security policy.

10

License

Determines if the project has defined a license.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

10

SAST

Determines if the project uses static code analysis.

8

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

5

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 5

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/build.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/build.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/build.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/build.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/commitlint.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/commitlint.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/commitlint.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/commitlint.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release-please.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/release-please.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-please.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/release-please.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-please.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/remarkablemark/style-to-object/release-please.yml/master?enable=pin
Info: 0 out of 6 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 2 third-party GitHubAction dependencies pinned
Info: 3 out of 3 npmCommand dependencies pinned

3

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

Score

6.9

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to style-to-object

Other packages similar to style-to-object

style-to-object

Installations

Developer Guide

Yes

CommonJS, ESM

20.19.2

10.8.2

Pull Requests

2

678

26

650

Issues

1

6

5

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

style-to-object

Installation

Usage

Iterator

Migration

v1

Release

Special Thanks

License

10

10

10

10

10

10

10

8

5

3

0

0

0

6.9

/10