{"_id":"@alimortalcraft94/bare-css","name":"@alimortalcraft94/bare-css","dist-tags":{"latest":"2.1.0"},"versions":{"2.1.0":{"name":"@alimortalcraft94/bare-css","version":"2.1.0","description":"Minimal utility-first CSS framework","main":"dist/bare.min.css","style":"dist/bare.min.css","keywords":["css","framework","utility-first","bare","lightweight"],"author":{"name":"Ali"},"license":"MIT","gitHead":"68cf0a9165c5340b673da4cf8618c0db9718526d","_id":"@alimortalcraft94/bare-css@2.1.0","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-sMSf9O0XDx2CikD9pCcEPIIDKkx15bbyBF7hTOiBPiNbYZVmhQn1O3eGw369JV1f+4bDv8AzE4qi1YjzKPFzzg==","shasum":"b25072e66a5072690d328575bf269abbf96a72a0","tarball":"https://registry.npmjs.org/@alimortalcraft94/bare-css/-/bare-css-2.1.0.tgz","fileCount":4,"unpackedSize":7171,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEAN7mpAXBVTxqXwoLVi1nf+TS8LHgxrcGOylHBpXNLUAiEAtmR0CLNX6Ih1gBzaKQsQt6b6G2rlKUKo66T+nWiCRf4="}]},"_npmUser":{"name":"alimortalcraft94","email":"alimortalcraft94@gmail.com"},"directories":{},"maintainers":[{"name":"alimortalcraft94","email":"alimortalcraft94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/bare-css_2.1.0_1776269051224_0.7127290151827617"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-15T16:04:11.143Z","2.1.0":"2026-04-15T16:04:11.372Z","modified":"2026-04-15T16:04:11.587Z"},"maintainers":[{"name":"alimortalcraft94","email":"alimortalcraft94@gmail.com"}],"description":"Minimal utility-first CSS framework","keywords":["css","framework","utility-first","bare","lightweight"],"author":{"name":"Ali"},"license":"MIT","readme":"![size](https://img.shields.io/badge/size-5KB-blue)\r\n![license](https://img.shields.io/badge/license-MIT-green)\r\n\r\n# Bare.CSS\r\n> A minimal, utility-first CSS framework - fast, simple, and powerful.\r\n\r\n\r\nBare.CSS is lightweight CSS framework inspired by utility-first design (like Tailwind), but focused on simplicity, performance, and modern features.\r\n\r\nNo unnecessary complexity. Just what you actually need.\r\n\r\n## Features\r\n- Ultra lightweight (~5-8KB minified)\r\n- Utility-first (spacing, layout, colors, typography)\r\n- Hybrid Grid System (Grid + Flex)\r\n- Built-in animations & micro-interactions\r\n- Modern design tokens (CSS variables)\r\n- Responsive utilities\r\n- Simple naming (no prefix, readable classes)\r\n- Zero config - just plug and play\r\n\r\n### Installation\r\n#### CDN (recommended)\r\n```html\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/Alimortalcraft94/Bare.CSS@v1.0.0/dist/bare.min.css\">\r\n```\r\n\r\n#### Local\r\n```html\r\n<link rel=\"stylesheet\" href=\"./bare.min.css\">\r\n```\r\n## Example\r\n```html\r\n<div class=\"grid grid-3 gap-3 p-4\">\r\n  ...\r\n</div>\r\n```\r\n\r\n## Core Concepts\r\n### Spacing (4px System)\r\np-1 -> 4px<br>\r\np-2 -> 8px<br>\r\np-3 -> 12px<br>\r\np-4 -> 16px<br>\r\np-5 -> 20px\r\n\r\n---\r\n### Layout\r\n- `flex`\r\n- `grid`\r\n- `grid-auto`\r\n- `center`\r\n- `space-between`\r\n---\r\n### Colors\r\n\r\n- `bg-green-500`\r\n- `text-gray-900`\r\n- `bg-blue-500`\r\n---\r\n### Motion\r\n- `fade`\r\n- `slide-up`\r\n- `hover-lift`\r\n- `click`\r\n---\r\n### Smart Utilities\r\n- `stack`\r\n- `inline`\r\n- `glass`\r\n- `snap-x`\r\n- `aspect-16-9`\r\n\r\n## Why Bare.CSS?\r\nBecause sometimes:\r\n> Tailwind is powerful... but heavy<br>\r\n> Skeleton is simple... but outdated\r\n\r\n__Bare.CSS__ = modern + minimal + fast\r\n\r\n## Size\r\n- Raw: ~20KB\r\n- Minified: ~5-8KB\r\n\r\n## Coming Soon...\r\n- More color scales\r\n- Dark mode\r\n- Components presets\r\n- Cli builder\r\n\r\n## Contributing\r\nPull requests are welcome.\r\nFeel free to fork and improve it\r\n\r\n## License\r\n[![License: MIT](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE.md)\r\n\r\n## Author\r\nMade with ⚡by Ali.","readmeFilename":"README.md","_rev":"1-b320a56b703405d9567bf2153e761461"}