Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including styled-tidy with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. require("styled-components/package.json"); // styled-components is a peer dependency. var styledTidy = require("styled-tidy")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

styled-tidy v1.7.3

A set of utilities for writing clean styled-components syntax.


Tidy is a lightweight set of utilities for writing clean styled-components syntax.

CircleCI Codecov


Add the dependency:

yarn add styled-tidy

And then in your component(s):

// grab the helpers you want
import { is, swap, rem, minWidth } from 'styled-tidy';



styled-tidy follows semantic release versioning with Commitizen.


Install commitizen globally, if you have not already.

npm install -g commitizen

When you are ready to commit your changes…

git add .
git cz

Then, follow the CLI wizard.

Note: Choosing 'feat' or adding 'BREAKING CHANGE' in the commit will result in a major version bump during the release.


nvm use
yarn test

Additional Commands

Keep things tidy ;)

yarn lint

Test that your changes compile

yarn build




RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free