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.
- 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.
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
You can install SNES.CSS via npm or directly via CDN.
- 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';
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">
For detailed documentation on how to use each component, visit the Main Documentation.
We welcome contributions! If you're interested in helping snes.css Framework grow, please read our contributing guidelines and open a pull request.
snes.css Framework is released under the MIT License. See the LICENSE file for more details.
This project is inspired by the classic 16bit games and the pixel art community. Special thanks to all the retro gaming enthusiasts and designers who keep the spirit alive.