JSPM

snes.css

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 9
  • Score
    100M100P100Q47336F
  • License MIT

A retro-themed CSS framework inspired by the aesthetics of 16bit consoles

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (snes.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    snes.css Framework

    Welcome to snes.css Framework, a unique CSS framework inspired by the nostalgic aesthetics of the Super Nintendo era. This project aims to bring the charm of pixel art and retro gaming to modern web design, offering developers and designers a toolkit to create websites with a vintage flair.

    Features

    • Pixel Art Inspired Components: Dive into a collection of UI components that echo the pixelated beauty of retro games.
    • Retro Color Schemes: Utilize color palettes reminiscent of the 16-bit era to add authentic retro vibes to your projects.
    • Customizable: Designed with customization in mind, allowing you to tweak components to fit your project's theme perfectly.
    • Responsive: Ensures that your retro-themed website looks great on devices of all sizes.

    Getting Started

    To get started with snes.css Framework, simply clone this repository and integrate the CSS into your project.

    git clone https://github.com/devMiguelCarrero/snes.css

    How to use this framework

    You can install SNES.CSS via npm or directly via CDN.

    Via npm/yarn

    • Install the package
    npm i snes.css
    yarn i snes.css
    • Import the main snes.min.css once from your main application file:
    import 'snes.css/dist/snes.min.css';

    Import directly from CDN

    Write this line of code inside the tag of your HTML code

    <link rel="stylesheet" href="https://unpkg.com/snes.css@1.0.1/dist/snes.min.css">

    Documentation

    For detailed documentation on how to use each component, visit the (Main Documentation)[https://snes-css.sadlative.com/].

    Contributing

    We welcome contributions! If you're interested in helping snes.css Framework grow, please read our contributing guidelines and open a pull request.

    License

    snes.css Framework is released under the MIT License. See the LICENSE file for more details.

    Acknowledgements

    This project is inspired by the classic Super Nintendo games and the pixel art community. Special thanks to all the retro gaming enthusiasts and designers who keep the spirit alive.