{"_id":"@blue87moon/pixelart-css","_rev":"2-a013723423ed2cae62106de4fa6abadc","name":"@blue87moon/pixelart-css","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@blue87moon/pixelart-css","version":"1.0.0","keywords":["css","pixel-art","retro","nes","game-boy","functional css","design","responsive"],"author":{"name":"pixelart-css"},"license":"MIT","_id":"@blue87moon/pixelart-css@1.0.0","maintainers":[{"name":"blue87moon","email":"blue87moon@gmail.com"}],"contributors":[{"url":"https://github.com/blackmoon87","name":"blackmoon87"}],"homepage":"https://github.com/blackmoon87/pixelart.css","bugs":{"url":"https://github.com/blackmoon87/pixelart.css/issues"},"dist":{"shasum":"ea2b3da1376fc7681d22fd3d6fa6e22527804e8b","tarball":"https://registry.npmjs.org/@blue87moon/pixelart-css/-/pixelart-css-1.0.0.tgz","fileCount":66,"integrity":"sha512-UhkkO2hOuehcpJe2/9QDvcm6xfIt5Ac9mgMF5v/kN7WLfiDAtd/CfTTziNKlDgzj8w27tlXSmVvte4/6xLzQyw==","signatures":[{"sig":"MEQCIAFy1D6rho/3QjiYeRnTNiWzx4FIQRRCU+Vy1QZ9jC5tAiB0a+TBe56hvXdaKK2xQAMLmfwYknxhIajaoCqGI+0iyA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":356338},"main":"css/pixelart.css","style":"css/pixelart.min.css","scripts":{"build":"npm run build:css && npm run build:minify","start":"npm run build:watch","build:css":"postcss src/pixelart.css -o css/pixelart.css","mutations":"immutable-css src/pixelart.css --strict","build:watch":"postcss src/pixelart.css -o css/pixelart.css --watch","build:minify":"postcss src/pixelart.css --use postcss-minify -o css/pixelart.min.css"},"_npmUser":{"name":"blue87moon","email":"blue87moon@gmail.com"},"repository":{"url":"git+https://github.com/blackmoon87/pixelart.css.git","type":"git"},"_npmVersion":"11.6.2","description":"Professional pixel-art CSS frame styles","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"watch":"^1.0.2","postcss":"^8.5.3","copy-files":"^0.1.0","postcss-cli":"^11.0.1","normalize.css":"^8.0.0","postcss-import":"^16.1.0","postcss-minify":"^1.1.0","immutable-css-cli":"^1.1.1","postcss-custom-media":"^10.0.6"},"_npmOperationalInternal":{"tmp":"tmp/pixelart-css_1.0.0_1778297129482_0.9782949025113636","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@blue87moon/pixelart-css","version":"1.0.1","description":"Professional pixel-art CSS frame styles","author":{"name":"pixelart-css"},"style":"css/pixelart.min.css","main":"css/pixelart.css","homepage":"https://github.com/blackmoon87/pixelart.css","repository":{"type":"git","url":"git+https://github.com/blackmoon87/pixelart.css.git"},"keywords":["css","pixel-art","retro","nes","game-boy","functional css","design","responsive"],"license":"MIT","devDependencies":{"copy-files":"^0.1.0","immutable-css-cli":"^1.1.1","normalize.css":"^8.0.0","postcss":"^8.5.3","postcss-cli":"^11.0.1","postcss-import":"^16.1.0","postcss-custom-media":"^10.0.6","postcss-minify":"^1.1.0","watch":"^1.0.2"},"contributors":[{"name":"blackmoon87","url":"https://github.com/blackmoon87"}],"scripts":{"start":"npm run build:watch","mutations":"immutable-css src/pixelart.css --strict","build":"npm run build:css && npm run build:minify","build:css":"postcss src/pixelart.css -o css/pixelart.css","build:minify":"postcss src/pixelart.css --use postcss-minify -o css/pixelart.min.css","build:watch":"postcss src/pixelart.css -o css/pixelart.css --watch"},"gitHead":"b9be92b1e3576f255a00710938b4adda698fc93f","_id":"@blue87moon/pixelart-css@1.0.1","bugs":{"url":"https://github.com/blackmoon87/pixelart.css/issues"},"_nodeVersion":"24.11.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-EvKWRblQxs3dJ/l8RUo9EH3Bc6e0il+lZ0ZB6ExYvGl3trXb0UhCCyrOGRIbzNPOLcO9exY+5q7u89Njjdu9dw==","shasum":"9dfa6ddea25d0d6ac574d1e0e4d81f6d47ab07e4","tarball":"https://registry.npmjs.org/@blue87moon/pixelart-css/-/pixelart-css-1.0.1.tgz","fileCount":66,"unpackedSize":366801,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBPw8Ri1ankCBH8OFkrQ8aSD3ICJNGIs9fWTNMWrLltxAiEAgI3iHYsP6XWdxYZK268B3xDYwgQmi0Z0k9bSYfenMlg="}]},"_npmUser":{"name":"blue87moon","email":"blue87moon@gmail.com"},"directories":{},"maintainers":[{"name":"blue87moon","email":"blue87moon@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pixelart-css_1.0.1_1778298796107_0.6061354648764463"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-09T03:25:29.323Z","modified":"2026-05-09T03:53:16.364Z","1.0.0":"2026-05-09T03:25:29.639Z","1.0.1":"2026-05-09T03:53:16.264Z"},"bugs":{"url":"https://github.com/blackmoon87/pixelart.css/issues"},"author":{"name":"pixelart-css"},"license":"MIT","homepage":"https://github.com/blackmoon87/pixelart.css","keywords":["css","pixel-art","retro","nes","game-boy","functional css","design","responsive"],"repository":{"type":"git","url":"git+https://github.com/blackmoon87/pixelart.css.git"},"description":"Professional pixel-art CSS frame styles","contributors":[{"name":"blackmoon87","url":"https://github.com/blackmoon87"}],"maintainers":[{"name":"blue87moon","email":"blue87moon@gmail.com"}],"readme":"# PIXELART.CSS\n\n**Professional pixel-art CSS frame styles.**\n\n> `image-rendering: pixelated;`\n\n[](https://www.npmjs.com/package/@blue87moon/pixelart-css)\n[](./license)\n[](https://blackmoon87.github.io/pixelart.css/)\n\n---\n\n## πΉοΈ Live Demo\n\n| Page | Link |\n|------|------|\n| **Showcase** | [blackmoon87.github.io/pixelart.css](https://blackmoon87.github.io/pixelart.css/) |\n| **Usage Guide** | [blackmoon87.github.io/pixelart.css/usage.html](https://blackmoon87.github.io/pixelart.css/usage.html) |\n\n---\n\n## Features\n\n- **Zero border-radius** β hard pixel edges everywhere\n- **Pixel-art box-shadow frames** β 7 shadow styles (raised, inset, neon glow, double-borderβ¦)\n- **Retro color palette** β NES, Game Boy (4-shade), CGA, and Synthwave neons\n- **Pixel fonts** β Press Start 2P, VT323, Share Tech Mono, Silkscreen (Google Fonts)\n- **Pixel UI components** β windows, buttons, badges, progress bars, tooltips, sprite containers\n- **CRT scanline overlay** β `.px-scanline`, `.px-crt`\n- **Pixel animations** β blink, shake, bounce, float, spin (all `steps()`-based β no easing)\n- **Pixel backgrounds** β grid, checker, starfield\n- **Pixel text effects** β hard shadow, neon glow, outline, rainbow gradient\n- **Mobile-first**, 8px baseline grid, responsive breakpoints\n- Built with PostCSS\n\n---\n\n## Getting Started\n\n### CDN\n\n```html\n\n```\n\n### npm\n\n```bash\nnpm install @blue87moon/pixelart-css\n```\n\n```html\n\n```\n\n### Local Setup\n\n```bash\ngit clone https://github.com/blackmoon87/pixelart.css\ncd pixelart.css\nnpm install\nnpm run build\n```\n\n---\n\n## Components\n\n| Class | Description |\n|-------|-------------|\n| `.px-frame` | 3D raised pixel frame |\n| `.px-frame-neon` | Synthwave neon glow frame |\n| `.px-frame-gb` | Game Boy green frame |\n| `.px-frame-inset` | Sunken/pressed frame |\n| `.px-window` | Retro OS window with title bar |\n| `.px-btn` | 3D pixel button (6 color variants) |\n| `.px-badge` | Inline pixel tag/badge |\n| `.px-progress` | Retro progress bar |\n| `.px-scanline` | CRT scanline overlay |\n| `.px-tooltip` | Pixel-art tooltip |\n| `.px-sprite` | Sprite container (`pixelated` rendering) |\n| `.px-bg-grid` | 8px pixel grid background |\n| `.px-bg-checker` | 8px checkerboard background |\n| `.px-bg-stars` | Starfield background |\n| `.px-blink` | Blinking animation |\n| `.px-shake` | Shake-on-hover animation |\n| `.px-bounce` | Bounce-on-hover animation |\n| `.px-text-shadow-neon` | Neon text glow effect |\n| `.px-text-rainbow` | Rainbow gradient text |\n\n---\n\n## Color Palettes\n\n- **NES** β 14 colors faithful to the Nintendo Entertainment System\n- **Game Boy** β 5-shade green palette (DMG-01)\n- **CGA** β 8 classic PC colors (modes 4 & 5)\n- **Synthwave Neons** β pink, cyan, purple, yellow, green, orange\n\n---\n\n## Build\n\n```bash\nnpm run build # Build CSS + minified\nnpm run build:watch # Watch src/ for changes\nnpm run mutations # Check for duplicate class definitions\n```\n\nOutput: `css/pixelart.css` and `css/pixelart.min.css`\n\n---\n\n## Support\n\nIf you find this useful, consider buying me a coffee β\n\n[](https://buymeacoffee.com/black.moon)\n\n---\n\n## License\n\nMIT Β© [pixelart-css](https://github.com/blackmoon87/pixelart.css)\n","readmeFilename":"README.md"}