# Introduction

## angular-package/spectre.css

Modified [Spectre.css](https://picturepan2.github.io/spectre/) - a lightweight, responsive, and modern CSS framework originally designed by [Yan Zhu](https://twitter.com/picturepan2).

{% embed url="<https://picturepan2.github.io/spectre/>" %}
Original Spectre.css
{% endembed %}

> Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with Sass/Scss compiler.

Spectre.css is **completely free to use**, as its modified version [@angular-package/spectre.css](https://www.npmjs.com/package/@angular-package/spectre.css), even for **commercial use** under the [**MIT license**](https://docs.angular-package.dev/mit-license).

A demonstration working on the [@angular](https://angular.io) in a user interface form is available [here](https://angular-package.dev/ui-kit/).

{% embed url="<https://angular-package.dev>" %}

If you enjoy it, please consider [donating via Paypal](https://www.paypal.me/picturepan2) or via [Patreon](https://www.patreon.com/spectrecss) for the [Yan Zhu](https://twitter.com/picturepan2), and consider donating via [fiat](https://spectrecss.angular-package.dev/donate/usd-fiat) or [cryptocurrency](https://spectrecss.angular-package.dev/donate/thb-cryptocurrency) the [@angular-package](https://twitter.com/angularpackage) for further development. ♥

{% embed url="<https://github.com/sponsors/angular-package>" %}