{"repo":"pattespatte/vanilla-css-design-system","free":true,"listed":false,"github":"https://github.com/pattespatte/vanilla-css-design-system","clone":"git clone https://github.com/pattespatte/vanilla-css-design-system.git","description":"Purely Vanilla: A Minimalist CSS Design System (no SCSS or JavaScript needed)","language":"CSS","stars":43,"topics":["css3","html5","design-tokens","css-framework","design-system","frontend-toolset","vanilla-css"],"license":"MIT","category":"ui-components","readme_excerpt":"🎨 Vanilla CSS Design System A lightweight, modular, and highly customizable design system built with vanilla CSS. Perfect for creating consistent and responsive web applications. 🌟 Features - ✅ Lightweight : No unnecessary dependencies, just pure CSS. - 📦 Modular : Easily include only what you need. - 🎨 Customizable : Designed with CSS variables for easy theming. - 📐 Responsive : Built with mobile-first principles. - ✨ Accessible : Follows accessibility standards and best practices. 📚 Documentation Explore the full documentation and examples here: ➡️ Design System Documentation 🚀 Quick Start 1. Clone the repository: 2. Install dependencies (optional): 3. Start the development server (recommended for development): This will: - Automatically switch to development mode - Start a local server at http://localhost:3000 - Watch for changes in CSS and token files - Automatically rebuild and refresh your browser 4. Include the generated CSS in your project: Build CSS Combine, purge, and minify CSS: Convert Between Formats CSS ↔ Tokens : Development Workflow This design system supports two modes: development and production. Development Mode In development mode, the examples use the unbuilt CSS files ( main.css ) which imports all individual CSS files. This allows for faster development and debugging. Production Mode In production mode, the examples use the optimized and minified CSS file ( vanilla-combined.min.css ) which contains only the CSS that is actually used. Development ","default_branch":null,"files":null,"tree":[],"storefront":"/r/pattespatte","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pattespatte/vanilla-css-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}