SPECTRE.CSS

A Lightweight, Responsive and Modern CSS Framework

DocumentationGitHub

Latest version:

Welterweight
Welterweight (core ~30KB min+zipped) starting point for your projects
Responsive
Flexbox-based, responsive and mobile-friendly layout
Modern
Elegantly designed and developed elements and components
CSS Variables
Sass variables initialize equivalent CSS variables used in the styles
Colors in hsla
Colors inserted in hsla form, split into four CSS variables
Customizable
Customizable CSS property names, themes, base color lightness and others with predefined mixins
Dark and light
Ability to switch between the dark and light theme
Font awesome
Integrated with the font awesome icons
Free to use
Free for commercial use under MIT license

Introduction

Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.

Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.

Install Spectre.css

Spectre.css is modified and maintained by the angular-package. Click on the link to see the demonstration created on the @angular.io with modules and components.

See demonstration

Sass

CSS variables

Colors hsla

Customizable

Dark/Light

Twitter
For the latest announcements and updates, follow on Twitter: @angularpackage.
Follow
Donate
Spectre.css is completely free to use. If you enjoy it, please consider donating the Yan Zhu or consider donating the angular-package for further development.
Yan Zhuangular-package
Sponsor via Patreon
Your name or company logo will be put on Spectre Docs homepage.
Yan Zhuangular-package