spectre
primer
spectre | primer | |
---|---|---|
1 | 1 | |
3 | 10,021 | |
- | - | |
5.1 | 8.2 | |
about 1 month ago | about 3 years ago | |
SCSS | SCSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
spectre
-
Htmx and the Rule of Least Power
> You need to do click to edit, lazy loading, infinite scroll, a live search, or anything else that you’d normally be reaching for JavaScript to accomplish, you can now add HTMX to the stack, write a few more attributes on your HTML, get what you need done, and never have to use JavaScript.
And what is HTMX? A 44KB-minified JavaScript library! So this statement is false. If you really want to be lightweight, use pure CSS frameworks like Spectre (https://github.com/niutech/spectre) and pure HTML out-of-order streaming (https://github.com/niutech/phooos). If you really want a sparkle of JS, use 166b (bytes, not kilobytes!) HTMZ (https://leanrada.com/htmz/).
What are some alternatives?
css - Utility and component-centric design system leveraging Bootstrap 5 for rapid, responsive UI development.
sass-spec - Official Sass Spec Suite
Sequence - The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
denosass - DenoSass is a complete nearly fully featured Sass compiler for Deno and Browser
pnotify - Beautiful JavaScript notifications with Web Notifications support.
odometer
hint.css - A CSS only tooltip library for your lovely websites.
tailwind-sass - Minimal way to build Tailwind with Sass (refer blog post for explanation)
sass-template - Sass Template
jessie - Library for easier HTML elements composition
design-system - The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.