May 17, 2017



This morning I released ShevyJS into the wild. ShevyJS is a remake of Shevy for CSS-in-JS styling.

If you’re new to the concept of CSS-in-JS, you can find some great resources on the topic including this massive repo. In a nutshell, CSS-in-JS is the task of adding styles either inline or otherwise directly with JavaScript. You may have seen a style tag used in a React component. This was a form of CSS-in-JS.

Now, you can have the mathematics of Shevy’s Sass version in your JavaScript client-side framework.

ShevyJS is a class that exposes a set of properties and methods for you to consume throughout your application. Because it is a constructor, you can define as many Shevy configurations you need and pass them around your app with imports and exports.

It is available on, and be sure to check out the repo at If you like the library, please star it.

If you have any questions, feel free to ask them here, or create an issue on the repository. And share examples of using ShevyJS in the wild.

Liked the post?
Give the author a dopamine boost with a few "beard strokes". Click the beard up to 50 times to show your appreciation.
Need help with your software problems?

My team and I are ready to help you. Hire Agathist to build your next great project or to improve one of your existing ones.

Get in touch
Kyle Shevlin's face, which is mostly a beard with eyes

Kyle Shevlin is the founder & lead software engineer of Agathist, a software development firm with a mission to build good software with good people.

Good software by good people.
Visit to learn more
Sign up for my newsletter
Let's chat some more about TypeScript, React, and frontend web development. Unsubscribe at any time.
Logo for Introduction to State Machines and XState
Introduction to State Machines and XState
Check out my courses!
If you enjoy my posts, you might enjoy my courses, too. Click the button to view the course or go to Courses for more information.