PHPackages                             northwebsolutions/polarcss - 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. northwebsolutions/polarcss

ActiveLibrary[Framework](/categories/framework)

northwebsolutions/polarcss
==========================

CSS Framework

v0.1(2mo ago)01MPL-2.0SCSS

Since Mar 2Pushed 2mo agoCompare

[ Source](https://github.com/NorthWebSolutions/PolarCSS)[ Packagist](https://packagist.org/packages/northwebsolutions/polarcss)[ RSS](/packages/northwebsolutions-polarcss/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)DependenciesVersions (2)Used By (0)

> THIS PROJECT IS UNDER DEVELOPMENT.
> DO NOT USE IT IN PRODUCTION.
> It is not feature complete.
> 2026-03-02

PolarCSS
========

[](#polarcss)

A modern, customizable, and lightweight CSS Framework built with SCSS.

PolarCSS provides a comprehensive set of utility classes, grid systems, flexbox helpers, and pre-designed components like cards, buttons, and navbars. It leverages modern CSS features like CSS variables, relative colors, and view-driven animations.

INSTALLATION
------------

[](#installation)

You can install PolarCSS via npm or Composer.

Using npm:

```
npm install polarcss

```

Using Composer:

```
composer require northwebsolutions/polarcss

```

FEATURES
--------

[](#features)

PolarCSS includes modular SCSS files that are compiled into a single main stylesheet. Some of the core features include:

- Grid & Flexbox: Responsive grid system and flex utility classes for easy layout management.
- Modern Typography: Integrated with the Switzer variable font for smooth font-weight transitions. Provides utility classes for text sizes, alignments, and colors.
- Component Styling: Pre-built styles for buttons, cards, progress bars, tags, and navigation bars.
- Utility Classes: Extensive spacing utilities (margins and paddings), background colors, shadows, and borders.
- Animations: Built-in CSS animations including pulse, fade-in, pop-in, and view-timeline animations.
- CSS Variables First: Heavily relies on CSS custom properties for easy theming (e.g., overriding primary, background, and text colors).

---

USAGE & DEVELOPMENT
-----------------------

[](#usage--development)

The framework's source files are located in src/scss/. The main entry point is src/scss/main.scss.

To work with the framework locally and compile the SCSS files, you can use the built-in npm scripts:

1. Install development dependencies:

    ```
    npm install

    ```
2. Compile SCSS (Expanded):

    ```
    npm run build

    ```
3. Compile SCSS (Minified):

    ```
    npm run build:min

    ```
4. Build both Expanded & Minified:

    ```
    npm run build:all

    ```
5. Watch Mode: Automatically compile SCSS to CSS on file changes during development:

    ```
    npm run watch

    ```

---

### FONTS

[](#fonts)

This project uses the Switzer font family.

- Designed by: Jérémie Hornus
- URL:
- Copyright: (c) 2026 Indian Type Foundry

### LICENSE

[](#license)

This project is licensed under the Mozilla Public License Version 2.0 (MPL-2.0). See the LICENSE file for more details.

---

Author: Gabor Eszaki () Repository:

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance85

Actively maintained with recent releases

Popularity1

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity24

Early-stage or recently created project

 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

Unknown

Total

1

Last Release

75d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/1d909a21346fd5e112e91877c7f98ad70276b791999fd5071a4a45249e6ace85?d=identicon)[NorthAce](/maintainers/NorthAce)

---

Top Contributors

[![gaboreszaki](https://avatars.githubusercontent.com/u/24547662?v=4)](https://github.com/gaboreszaki "gaboreszaki (3 commits)")

### Embed Badge

![Health badge](/badges/northwebsolutions-polarcss/health.svg)

```
[![Health](https://phpackages.com/badges/northwebsolutions-polarcss/health.svg)](https://phpackages.com/packages/northwebsolutions-polarcss)
```

###  Alternatives

[laravel/telescope

An elegant debug assistant for the Laravel framework.

5.2k67.8M192](/packages/laravel-telescope)[spiral/roadrunner

RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins

8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

708181.8M596](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)

PHPackages © 2026

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