{"library":"spectre.css","title":"Spectre.css","type":"library","description":"Spectre.css is a lightweight, responsive, and modern CSS framework (current stable v0.5.9, last released March 2020, maintenance mode). It provides a flexbox-based grid system, elegant components (buttons, forms, modals, navbars, etc.), and utility classes, all weighing in at ~10KB gzipped. Unlike full-featured frameworks like Bootstrap or Foundation, Spectre focuses on minimalism and simplicity, offering only essential styles without JavaScript dependencies. It supports Sass customization via SCSS variables and mixins, and is distributed as compiled CSS via CDN (unpkg, cdnjs) or package managers (npm, yarn, bower). Ideal for rapid prototyping or projects needing a clean, lightweight foundation with responsive layout and modern design.","language":"javascript","status":"maintenance","last_verified":"Sat Apr 25","install":{"commands":["npm install spectre.css"],"cli":null},"imports":["","",""],"auth":{"required":false,"env_vars":[]},"links":{"homepage":"https://picturepan2.github.io/spectre","github":"https://github.com/picturepan2/spectre","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/spectre.css","openapi_spec":null,"status_page":null,"smithery":null},"quickstart":{"code":"\n\n\n \n \n \n \n Spectre Quickstart\n\n\n
\n
\n
\n
\n
\n
Hello, Spectre!
\n
\n
\n
This is a minimal example using the flexbox grid and card component.
\n
\n \n
\n
\n
\n
\n\n","lang":"javascript","description":"HTML file demonstrating Spectre.css grid, card component, and buttons using CDN links.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}