Puppertino! A CSS framework to help you create apple-like apps and websites!

Welcome to Puppertino!

Hi! Welcome to Puppertino! Puppertino is a framework meant to mimic the look of MacOS and follow the human guidelines . Puppertino is a Framework created to be lightweight, modular and cool looking!

Be advised that Puppertino does not include any responsive system on it, so you have to use Bootstrap, Flexbox Grid, Skeleton or whatever responsive Framework you want for that.

Lightweight

I'm focused on making Puppertino as Lightweight as possible, I want it to become a big framework, but not at the cost of weight and performance. So to keep it small, I won't be adding AnimateCSS, or any other framework (No matter how cool it is) on top of Puppertino. And to make it more lightweight I have implemented my second point.

Modular

I'm developing Puppertino to be used with only the components you need or to be used as a complete framework. Choosing the components that you need may help you throw some of the extra KB that you don't need in your website or app.

Cool looking

This is the most important part of Puppertino! This also means that in the future I can go out of the main components of MacOS and human guidelines to add other things that I think may be necessary or great to have in the framework. In any case, coolness it's my main focus with Puppertino.

Current Components

Puppertino currently includes:

• Buttons
• Switches
• Form Elements (Inputs, select, form validation)
• Modals
• Icons
• Font Layout
• Color Palette

Yeah... That's all. But no worries! I'm working on adding new components every day!

Usage

You can use Puppertino in 2 ways for now!

1- You can download the all.css located in /dist/ . Download this if you are sure that you need at least half of the elements that are present in Puppertino

2- Download every component CSS that you need on /dist/ Such as buttons or form elements one by one. While this can be maybe tedious to download them one by one, this can help you to save some KBs in your website, think of your users :)

Docs

All the documentation, examples and list of how to use components can be found in here .

License

Puppertino is free to use and abuse under the open-source MIT license .

About the creator

I'm Edgar Pérez . And I make cool websites :)