pure-css/pure

Pure is a tiny collection of CSS building blocks for websites. CSS is the code that controls how a webpage looks, colors, layouts, spacing. Pure does not reinvent the wheel, instead it gives you a minimal, well-tested foundation so you do not have to write the same basic styles from scratch on every project. It covers the most common visual needs: a responsive grid that adjusts columns based on screen size, consistent button styles that work with both links and native button elements, menus including drop-downs, form layouts, table styles, and a cross-browser reset so pages look consistent across Chrome, Firefox, and Safari. Everything is designed to be extremely easy to override and customize so your site does not end up looking generic. The main selling point is file size: the entire library is 3.7 kilobytes when compressed, which means it adds almost no weight to a page. Compare that to heavier frameworks where just the CSS file can be hundreds of kilobytes. You would use Pure when you want a clean starting point for a website and prefer to build your own design on top of a solid base rather than adopting a fully opinionated design system. Drop one CSS file into your HTML page via a content delivery network link and you are ready to go. No JavaScript required, no build step necessary for basic use. The tech stack is plain CSS with an optional Node.js build process for customization.