CSS Addons
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/cTIZPOgtkkDk0nRp08qapebyVHHuqlSYlcvGBBAz.png)
![visuellverstehen](https://statamic.com/images/storage/avatars/SF8dMjUnE30qvIUTPEgt5SBGmalbYgMp5whiGxNP.png?fit=max&w=300&h=300)
visuellverstehen
Add CSS classes to HTML tags generated by the bard editor.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/9FiWD2zrtx0SfQjYLbzH0qbgiFVCdfVHRA7P3rN0.png)
![Lars Heidkämper](https://statamic.com/images/storage/avatars/maOyeSAwwOXBpMuHxu4w0pQPJMG2BN7MBkZtmumh.jpg?fit=max&w=300&h=300)
Lars Heidkämper
Adds a breakpoint indicator, the current template and more directly to your frontend.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/hNXsWxlwY7NfmG6Bo4qdYU9IM4zRG57rMfX6Uyqg.jpeg)
![Aryeh Raber](https://statamic.com/images/storage/avatars/vj5XLdwgKnTgsDDVRdMw8JpAEDlCE4fW3o72vYDO.png?fit=max&w=300&h=300)
Aryeh Raber
Extract colors from images.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/VCsWqHmyPDsiKJ4nLhbEExcoeLumPHbs8mRlFEME.png)
![Apps with love AG](https://statamic.com/images/storage/avatars/55sOIG3ynKcza273Uk4R3FqT0rKZsSRuKShhHriy.png?fit=max&w=300&h=300)
Apps with love AG
Statamic sections on steroids
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/ZsmhT1CVQO7Gub7AA3uNeMpbq3a12EkHMjTAyfO3.png)
![Pattern](https://statamic.com/images/storage/avatars/FA1GYaMVXSDSpqFs3ah0eYK5jf1WQO4PSrEw6ylG.png?fit=max&w=300&h=300)
Pattern
It’s business time
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/St5ixgn3sZKD6m0if7RQvNYgSlnURj48On9qThzJ.png)
![Erin Dalzell](https://statamic.com/images/storage/avatars/akhHZRej01F7gKJIYPooPF68Tv1hSUzR2S6Tcjeu.jpeg?fit=max&w=300&h=300)
Erin Dalzell
Limit file downloading to logged in users or only allow one download per email
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/z1ODjznyKfvjrQy7voHxaSTw6QMJwozXtC5xnOXm.png)
![Jack Sleight](https://statamic.com/images/storage/avatars/3s1YLS1OrlDjiym4AdX6uYLg5l94jxBi3V3G4OLx.jpg?fit=max&w=300&h=300)
Jack Sleight
Create compact sets of fields that either combine into a string of classes, or return values.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/HlfAgVo7C9o7Wl7BlXnzrFvZxhANal5CAtFFMyJS.jpeg)
![Andy Newhouse](https://statamic.com/images/storage/avatars/iNAOeNHUaCn98Fr9wWlfboSEmHcWehMF0cNDWbuy.jpeg?fit=max&w=300&h=300)
Andy Newhouse
Dark mode for the Control Panel
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/Bn43JVTBRKYvy4UMYCzMZXKgCPd7xy36Oj2O0YhJ.jpeg)
![Miguel Piedrafita](https://statamic.com/images/storage/avatars/wIcAiq2PBdittRZCR4fabPzHpB2tADAETD6OOyED.png?fit=max&w=300&h=300)
Miguel Piedrafita
Keep your Sitesauce sites updated.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/hMlf642BSG79LVrUQQFtBac2cA8YMXy6YLQAbj4E.png)
![Michael Mannucci](https://statamic.com/images/storage/avatars/Y4LjBm0usp5aPFt49ymTJgwKSGSpigbo4DPdITcg.png?fit=max&w=300&h=300)
Michael Mannucci
A modifier that generates color shades from a given hex color. It can be used with the color fieldtype or with manual input. It can be used generate Tailwind CSS color palettes or to manually generate individual shades and tints.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/V5ldKJLQeMsWvTzLDmxMEXNh7asIH9kMQSEXWztW.jpeg)
![Giovanni Buffa](https://statamic.com/images/storage/avatars/bn3aa6o7GrarE8Mx5jM0S0SoaWa8o7KYAC3IQrzn.png?fit=max&w=300&h=300)
Giovanni Buffa
Aggregate Javascript and CSS files for better performances.
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/oNZIxYCALyGtPsvSVVZOQJeZ9vM9nu6w1XbcpSJ3.jpeg)
![Peiman Nourani](https://statamic.com/images/storage/avatars/RP5dRUbz3WpMEnJWfV08mUjyA4qFuXUffEh1zeEz.jpeg?fit=max&w=300&h=300)
Peiman Nourani
Icon picker for any font icon!
![](/cdn-cgi/image/width=512,height=340,fit=crop/storage/products/pLmvFij0KeRB09QC2guGhHNIuOhS81Db9hxuZ3Pa.png)
![Marco Rieser](https://statamic.com/images/storage/avatars/6hOV7kOQOgLA7n0vuJfVk6MfIeu5p6OQS3UcJmGw.jpg?fit=max&w=300&h=300)
Marco Rieser
Automatically resolves Tailwind CSS class conflicts in Statamic
![](/cdn-cgi/image/width=512,height=340,fit=crop/img/marketplace/placeholder-addon.jpg)
![Daniel Weaver](https://statamic.com/images/storage/avatars/TH38tZCvBZz0Y8DQbq7FH99wMOQIMgld3NZP8LqO.jpg?fit=max&w=300&h=300)
Daniel Weaver
A simple tag for embedding the Tailwind CDN, Tailwind config, and site css when the site is in a dev environment for Statamic 4+