Download the PHP package webcien/kardocss without Composer
On this page you can find all versions of the php package webcien/kardocss. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download webcien/kardocss
More information about webcien/kardocss
Files in webcien/kardocss
Package kardocss
Short Description Framework CSS moderno, mobile-first y ultra-ligero con Dark Mode y PurgeCSS integrados
License MIT
Homepage https://github.com/webcien/KardoCSS
Informations about the package kardocss
KardoCSS
Modern, mobile-first, and ultra-lightweight CSS framework with built-in Dark Mode and PurgeCSS.
KardoCSS is a utility-first CSS framework inspired by Tailwind, but designed to be lighter, more modular, and easier to customize. Perfect for projects that need a minimalist CSS without sacrificing functionality.
π Translations
- EspaΓ±ol
π What's New in v1.2.0
- β¨ Optional Modules System - Keep the core lightweight and opt-in to advanced features.
- β¨ Container Queries - Now an optional module, enabled by default.
- βοΈ CI/CD Size Check - Automatic size verification to keep the framework lightweight.
-
πΊ KardoTV Ready - Architecture prepared for the upcoming TV breakpoints module (v1.3.0).
Previous Updates
- β¨ npm Support - KardoCSS is now available on npm!
- π¬π§ English Documentation - All documentation is now primarily in English.
- β¨ Enhanced Transitions - New utilities:
k-transition-none,k-delay-*,k-ease-bounce,k-ease-back-*(from Issue #1) -
π¦ Composer Support - Install KardoCSS in PHP projects with
composer require webcien/kardocss - β¨ npm Support - KardoCSS is now available on npm!
- π¬π§ English Documentation - All documentation is now primarily in English.
- β¨ Enhanced Transitions - New utilities:
k-transition-none,k-delay-*,k-ease-bounce,k-ease-back-*(from Issue #1) - π¦ Composer Support - Install KardoCSS in PHP projects with
composer require webcien/kardocss
β¨ Features
- π― Utility-First - Utility classes with a
k-prefix - π Fully Responsive - Responsive variants (
sm:,md:,lg:,xl:,2xl:) - π± Mobile-First - Responsive design from the ground up
- β‘ Ultra-Lightweight - 99.0 KB minified, ~8-12 KB with PurgeCSS
- π Dark Mode - Built-in automatic and manual dark mode
- π§Ή PurgeCSS - Automatic tree-shaking for production
- π¨ Customizable - Flexible configuration via Python
- π§ Modular - Python code organized by utilities
- π No Dependencies - Pure CSS generated from Python
- π¦ Pre-compiled - Ready-to-use CSS files
- π» Multiple Installation Methods - npm, Composer, PyPI, CDN, or direct download
- π CDN Available - Use from jsDelivr without installation
π¦ Installation
Option 1: npm (Recommended for JS Projects)
Usage in your project:
π Full Guide: NPM_GUIDE.md
Option 2: Composer (For PHP Projects)
Usage in PHP:
π Full Guide: COMPOSER_GUIDE.md
Option 3: CDN (For HTML/CSS)
Option 4: PyPI (For Python Customization)
π Quick Start
Check out the examples/index.html file for a complete, professional example that demonstrates the framework's capabilities.
π¨ Available Utilities
KardoCSS includes a wide range of utilities for layout, spacing, colors, typography, and more.
- Layout: Container, Display, Position, Flexbox, Grid
- Spacing: Padding, Margin
- Sizing: Width, Height, Max-Width, Min-Width
- Colors: Text, Background, Border (with a default palette)
- Typography: Font Size, Weight, Family, Text Align, Line Height
- Borders: Radius, Width, Style
- Transitions & Animations: Transition, Duration, Easing, Delay, Animations
- Effects: Box Shadow, Opacity
- Forms: Modern styles for inputs, buttons, selects, etc.
- Components: Badges, Gradients
All major utilities are responsive and support dark mode.
πΊοΈ Roadmap
- [x] Core utilities (spacing, colors, typography)
- [x] Layout system (flex, grid)
- [x] Responsive system
- [x] Dark mode
- [x] PurgeCSS integration
- [x] Composer support
- [x] npm support
- [ ] Improved CLI
- [x] Container queries
- [ ] Aspect ratio utilities
- [ ] PostCSS plugin
π€ Contributing
Contributions are welcome! Please read CONTRIBUTING.md for details.
π License
MIT License - see LICENSE for details.