Crafty is composed of small packages and can be used separately.

Here is an overview of their features.


Command runner, this is the package that allows all other packages to run.

crafty --preset crafty-preset-babel jsLint presets/* --preset recommended --preset node

Also automatically reads your crafty.config.js (in the current working directory) and loads those presets as well.



Use this runner to bundle your code with Webpack.

Features and options


Use this runner to be able to create Gulp tasks in your projects.

Features and options



This preset provides EcmaScript 2015+ support with Babel for the Gulp, Webpack and rollup.js runners.

It also configures ESLint with our linting rules. Both in the runners and as a separate command.

Features and options


Compile your CSS using PostCSS, works with Webpack and Gulp.

Features and options


This preset provides TypeScript support for the Gulp, Webpack and rollup.js runners.

It also configures ESLint with our linting rules

Features and options


This preset leverages Gulp to compress your SVG/PNG/JPG/GIF files and placing them in the destination folder.

Features and options


In some cases, you might not have an internet connection on your build machine. As the tools to compress PNG/JPG/GIF need to be downloaded from GitHub, this preset will copy the files instead of copying them.

SVG is also compressed with this preset.

It works as a drop-in replacement for crafty-preset-images.

Features and options


If your code is inside a Maven project, this preset overrides the destination to move your compiled assets to the right directory in target

Features and options


A preset that provides utilities for Jest and Hot Module Replacement in React projects.

JSX Compilation is handled by the crafty-preset-babel already.

Features and options

Test runners


This preset will add Jest to the crafty test command.

Its usage with the Babel and TypeScript preset allows you to test your EcmaScript 2015+ and TypeScript code effortlessly.

Features and options

Utility packages


A Babel preset that supports EcmaScript 2015+, React and more

Features and options


An ESLint plugin that contains all our recommended options and plugins.

Features and presets


All PostCSS plugins used in the Crafty styles preset are defined in this package.

Features and presets


Stylelint linting rules following the Swissquote CSS Guideline. Provides some custom Stylelint rules.

Features and presets