# 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://spectrecss.angular-package.dev/introduction.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.