> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/introduction.md).

# 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](/donate/usd-fiat.md) or [cryptocurrency](/donate/thb-cryptocurrency.md) the [@angular-package](https://twitter.com/angularpackage) for further development. ♥

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