https://github.com/codedgar/Puppertino Skip to content Sign up * Product + Features + Mobile + Actions + Codespaces + Copilot + Packages + Security + Code review + Issues + Discussions + Integrations + GitHub Sponsors + Customer stories * Team * Enterprise * Explore + Explore GitHub + Learn and contribute + Topics + Collections + Trending + Skills + GitHub Sponsors + Open source guides + Connect with others + The ReadME Project + Events + Community forum + GitHub Education + GitHub Stars program * Marketplace * Pricing + Plans + Compare plans + Contact Sales + Education [ ] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this user All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} codedgar / Puppertino Public * * Notifications * Fork 27 * Star 367 A CSS framework based on Human Guidelines from apple codedgar.github.io/puppertino/ License MIT license 367 stars 27 forks Star Notifications * Code * Issues 2 * Pull requests 1 * Actions * Projects 1 * Wiki * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Wiki * Security * Insights codedgar/Puppertino This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. master Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags 3 branches 1 tag Code * Clone HTTPS GitHub CLI [https://github.com/c] Use Git or checkout with SVN using the web URL. [gh repo clone codedg] Work fast with our official CLI. Learn more. * Open with GitHub Desktop * Download ZIP Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching Xcode If nothing happens, download Xcode and try again. Launching Visual Studio Code Your codespace will open once ready. There was a problem preparing your codespace, please try again. Latest commit @codedgar codedgar Merge pull request #33 from pronoy2108/master ... b014827 May 23, 2022 Merge pull request #33 from pronoy2108/master Create full.js b014827 Git stats * 99 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time .github dist/css docs src/js .gitignore .stylelintrc.json CODE_OF_CONDUCT.md CONTRIBUTING.md LICENSE README.md View code [ ] Welcome to Puppertino V 1.0! In a nutshell Lightweight Modular Cool looking Current Components Usage Docs License About the creator README.md Puppertino Stars Puppertino's contributors Follow Puppertino_css Follow Codedgar_dev Puppertino Logo Welcome to Puppertino V 1.0! 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! NOTE: Puppertino does not include any responsive system, you must use Bootstrap, Flexbox Grid, Skeleton, or some other responsive Framework along with it. In a nutshell * Components * Usage * Documentation * About the creator 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 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 I can go out of the main components of macOS and human guidelines in the future to add other things that I think maybe 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 * Actions * Form Elements (Inputs, select, form validation) * Modals * Icons * Font Layout * Segmented Controls * Tabs * Shadows * NEW! Dark Mode * Color Palette Yeah... That's all. But no worries! I'm working on adding new components every day! Usage You can use Puppertino in 3 ways (for now): 1. You can download the newfull.css file located in the /dist/ directory. 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 from the /dist/ folder. Such as buttons or form elements or other components. While it maybe tedious to download them one by one, this can help you to save some KBs in your website. :) 3. [DEL:You can now download the SCSS version of Puppertino, also located in /dist/.:DEL] (Deprecated) Docs Find all the documentation, examples, and list of components and how to use them at https://codedgar.github.io/Puppertino/. License Puppertino is free to use and abuse under the open-source MIT license . About the creator I'm Edgar Perez. And I make cool websites :) About A CSS framework based on Human Guidelines from apple codedgar.github.io/puppertino/ Topics css macos modular css-framework human-guidelines Resources Readme License MIT license Code of conduct Code of conduct Stars 367 stars Watchers 7 watching Forks 27 forks Releases 1 Release v1.0 Latest Apr 26, 2021 Sponsor this project * patreon patreon.com/puppertino Packages 0 No packages published Contributors 5 * @codedgar * @rilexus * @pronoy2108 * @jesusrobot * @gaurav-nelson Languages * JavaScript 100.0% Footer (c) 2022 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.