PHPackages                             ikkez/f3-assets-sass - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. ikkez/f3-assets-sass

ActiveLibrary[Framework](/categories/framework)

ikkez/f3-assets-sass
====================

SASS addon for the Assets plugin for PHP Fat-Free Framework

1.0.6(6y ago)613.3k↓38.9%1GPL-3.0PHP

Since Mar 8Pushed 6y ago1 watchersCompare

[ Source](https://github.com/ikkez/f3-assets-sass)[ Packagist](https://packagist.org/packages/ikkez/f3-assets-sass)[ Docs](https://github.com/ikkez/f3-assets-sass)[ RSS](/packages/ikkez-f3-assets-sass/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (6)Dependencies (2)Versions (7)Used By (1)

SASS addon for F3 Sugar Assets
==============================

[](#sass-addon-for-f3-sugar-assets)

This is an extention to add a SASS/SCSS compiler to the existing [Assets Management plugin](https://github.com/ikkez/f3-assets) for the [PHP Fat-Free Framework](https://github.com/bcosca/fatfree).

Install
-------

[](#install)

When you have F3-Assets already up and running, just run `composer require ikkez/f3-assets-sass`. In case you do not use composer, copy the `assets/` folder into your `AUTOLOAD` path, install [scssphp/scssphp](https://github.com/scssphp/scssphp) separately and you should be ready to go.

Usage
-----

[](#usage)

To register the sass compiler, just add this line to your view controller, or where ever you have put the initialisation of the main assets plugin.

```
// register sass handler
\Assets\Sass::instance()->init();
```

Within your templates you can then easily use `.scss` files directly, as it would be normal css files.

```

```

That's it. Compilation, minification and concatenation with other files is now handled by the assets plugin. The base directory of the sass file can also be used as import path, so using `@import` within your sass file can be used to load other relative sass files. So recompiling a whole bootstrap frontend is not problem:

```

```

The only drawback with `@include` files is, that changes to those files are currently not detected automatically, so the whole main sass file does not update on the fly. However, you can add the `watch` attribute and define one or multiple paths to scan for file changes - wildcards are possible:

```

```

NB: The `watch`-attribute should only be considered while working on the files, because scanning for file modification times isn't necessary for production-ready styles and would, depending on the amount of files to scan, slow things down. If you need to refresh files on a production environment, it's recommended to clear the temp files with `\Assets::instance()->clear();`, instead of proactive looking for changes.

If you like to add sass files programmatically, you should simply treat them like normal css files:

```
$opt = [
  'watch'=>'ext/*.scss'
];
\Assets::instance()->add('scss/main_styles.scss', 'css', 'head', 5, NULL, $opt);
```

License
-------

[](#license)

GPLv3

###  Health Score

35

—

LowBetter than 80% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity30

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity67

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~155 days

Recently: every ~187 days

Total

6

Last Release

2214d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/84cac52f5889d2bf6e710f2139dfc884824b2d7ce9c48a3bfe90704a94c85722?d=identicon)[ikkez](/maintainers/ikkez)

---

Top Contributors

[![ikkez](https://avatars.githubusercontent.com/u/1177647?v=4)](https://github.com/ikkez "ikkez (11 commits)")

---

Tags

fat-free-frameworkminificationphpsassscsssugar-assetscsssassscssF3fatfree

### Embed Badge

![Health badge](/badges/ikkez-f3-assets-sass/health.svg)

```
[![Health](https://phpackages.com/badges/ikkez-f3-assets-sass/health.svg)](https://phpackages.com/packages/ikkez-f3-assets-sass)
```

###  Alternatives

[twbs/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

174.1k17.6M327](/packages/twbs-bootstrap)[twitter/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

174.1k1.7M27](/packages/twitter-bootstrap)[zurb/foundation

The most advanced responsive front-end framework in the world.

29.8k380.2k15](/packages/zurb-foundation)[foundation/foundation-sites

The most advanced responsive front-end framework in the world.

29.8k8.4k](/packages/foundation-foundation-sites)[coreui/coreui

The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team

873111.6k4](/packages/coreui-coreui)[components/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

932.8M63](/packages/components-bootstrap)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)