diff --git a/gulpfile.js b/gulpfile.js
index c067605df21d78ac6334016a85a7208ef78908f1..aae82e4888d330dd121132196c1e8b061c948574 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -7,6 +7,7 @@ const gulp = require('gulp'),
 	cleanCSS = require('gulp-clean-css'),
 	minifyJS = require('gulp-minify'),
 	rename = require('gulp-rename'),
+	purgecss = require('gulp-purgecss'),
 	rollupStream = require('@rollup/stream'),
 	rollupBabel = require('rollup-plugin-babel'),
 	rollupCleanup = require('rollup-plugin-cleanup'),
@@ -254,6 +255,14 @@ gulp.task('build-cleanup', () => {
 		.pipe(clean());
 });
 
+gulp.task('build-purgecss', () => {
+	return gulp.src('demo/dist/css/*.css')
+		.pipe(purgecss({
+			content: ['demo/**/*.html']
+		}))
+		.pipe(gulp.dest('demo/dist/css'))
+});
+
 /**
  * Watch JS and SCSS files
  */
@@ -358,5 +367,5 @@ gulp.task('clean', gulp.series('clean-dirs', 'clean-jekyll'));
 gulp.task('start', gulp.series('clean', 'sass', 'js', 'build-jekyll', gulp.parallel('watch-jekyll', 'watch', 'browser-sync')));
 
 gulp.task('build-core', gulp.series('build-on', 'clean', 'sass', 'js', 'copy-images', 'copy-libs', 'add-banner'));
-gulp.task('build-demo', gulp.series('build-on', 'build-jekyll', 'copy-static', 'copy-dist', 'build-cleanup'));
+gulp.task('build-demo', gulp.series('build-on', 'build-jekyll', 'copy-static', 'copy-dist', 'build-cleanup', 'build-purgecss'));
 gulp.task('build', gulp.series('build-core', 'build-demo'));
diff --git a/package.json b/package.json
index 0d26d1d1b0d70b90b93c5bbe1dc2190701b39aad..17293e5da24945dd3642468274120892df6a8b46 100644
--- a/package.json
+++ b/package.json
@@ -63,6 +63,7 @@
     "gulp-header": "^2.0.9",
     "gulp-minify": "^3.1.0",
     "gulp-postcss": "^9.0.0",
+    "gulp-purgecss": "^3.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-sass": "^4.1.0",
     "postcss": "^8.1.10",