{"id":13717375,"url":"https://github.com/codedgar/Puppertino","last_synced_at":"2025-05-07T07:31:10.348Z","repository":{"id":39662776,"uuid":"222181584","full_name":"codedgar/Puppertino","owner":"codedgar","description":"A CSS framework based on Human Guidelines from apple","archived":false,"fork":false,"pushed_at":"2024-12-26T04:22:49.000Z","size":13967,"stargazers_count":1080,"open_issues_count":9,"forks_count":43,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-13T21:34:06.580Z","etag":null,"topics":["css","css-framework","human-guidelines","macos","modular"],"latest_commit_sha":null,"homepage":"https://codedgar.github.io/Puppertino/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codedgar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":null,"patreon":"puppertino","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-11-17T01:28:59.000Z","updated_at":"2025-04-08T00:29:42.000Z","dependencies_parsed_at":"2025-04-13T20:44:54.294Z","dependency_job_id":"f8afdbcb-2218-4f32-a335-86128704d3c1","html_url":"https://github.com/codedgar/Puppertino","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codedgar%2FPuppertino","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codedgar%2FPuppertino/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codedgar%2FPuppertino/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codedgar%2FPuppertino/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codedgar","download_url":"https://codeload.github.com/codedgar/Puppertino/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252833451,"owners_count":21811185,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-framework","human-guidelines","macos","modular"],"created_at":"2024-08-03T00:01:21.437Z","updated_at":"2025-05-07T07:31:10.332Z","avatar_url":"https://github.com/codedgar.png","language":"JavaScript","readme":"\n![Puppertino Stars](https://img.shields.io/github/stars/codedgar/puppertino?style=for-the-badge) ![Puppertino's contributors](https://img.shields.io/github/contributors/codedgar/puppertino?style=for-the-badge)   [![Follow Puppertino_css](https://img.shields.io/twitter/follow/Puppertino_css?style=for-the-badge)](https://twitter.com/Puppertino_css) [![Follow Codedgar_dev](https://img.shields.io/twitter/follow/codedgar_dev?style=for-the-badge)](https://twitter.com/codedgar_dev) [![Visit the creator's Website](https://img.shields.io/badge/Visit%20the%20Creator's%20Website-blue?style=for-the-badge\u0026logo=undertale\u0026logoColor=white)](https://codedgar.com/)\n![Puppertino Logo](https://i.imgur.com/r81X3Yj.png)\n\n# Welcome to Puppertino Siberian by Codedgar\n\n\nWelcome to **Puppertino**! This framework brings the macOS look and feel to your web applications, adhering closely to Apple’s Human Interface Guidelines. Designed to be lightweight and modular, Puppertino provides a seamless user experience with a focus on performance and style.\n\n## Key Framework Features\n- **Lightweight**: Puppertino is built with performance in mind. By avoiding unnecessary additions or dependencies, Puppertino ensures your website or app remains fast and responsive. You get the macOS-inspired design without compromising on speed and efficiency.\n- **Modular**: Flexibility is at the heart of Puppertino. Whether you need the entire framework or just specific components, you can pick and choose what fits your project. This modular approach allows you to minimize the size of your website, ensuring that you only include what’s necessary.\n- **Design-Focused**: Puppertino is not just about functionality—it’s about looking cool too! Inspired by macOS, the framework prioritizes a sleek and modern design, with room for creative enhancements beyond macOS guidelines when needed.\n\n## Table of contents\n\n- [Get Started](#get-started)\n- [Current Components](#current-components)\n- [Examples and templates](https://codedgar.github.io/Puppertino/examples/)\n- [About the creator](#about-the-creator)\n\n## Get Started\n\nTo integrate Puppertino into your project, simply include the full.css file in your HTML head tag:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/newfull.css\"\u003e\n```\n### Customize your setup\nIf you only need specific components, you can import them individually to reduce file size. Here’s how you can include only the buttons:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/buttons.css\"\u003e\n```\n\nYou can also find the full list of individual components and their CDN links on the [Components page](https://codedgar.github.io/Puppertino/examples/).\n\n### NPM\n\nYou can install this repository through NPM + GIT:\n```bash\n# Via SSH\nnpm i --save git@github.com:codedgar/Puppertino.git#{{BRANCH_NAME}}\n\n# Eg.\nnpm i --save git@github.com:codedgar/Puppertino.git#master\n\n# Or Via HTTPS\nnpm i --save https://github.com/codedgar/Puppertino.git#BRANCH_NAME\n\n# Eg.\nnpm i --save https://github.com/codedgar/Puppertino.git#master\n```\n\nYou can change master with the branch of your choosing to install a specific branch. After NPM installation,\nyou can simply import the library from `node_modules`\n\n#### In your CSS\n```css\n@import(\"path/to/node_modules/puppertino/dist/full.css\")\n```\n#### In your Javascript\n```js\nrequire(\"path/to/node_modules/puppertino/src/js/{{file you need, eg tabs.js}}\")\n```\n\n## Current Components\n\nPuppertino currently includes the following components:\n\n- Buttons (Push, Icon, Action)\n- Modals\n- Forms and Inputs\n- Layout\n- Official Apple Colors\n- Segmented Controls\n- Shadows \u0026 Blur\n- Tabs\n- Navigation Bars\n- Dark Mode Manager\n\nFor a full list and detailed usage instructions, check out the [Components page](https://codedgar.github.io/Puppertino/examples/).\n\nIf you can't find a component that you want, you can always [create an issue](https://github.com/codedgar/Puppertino/issues/new/choose) to vote for the new components.\n\n## Examples and templates\n\nFind detailed examples and templates to help you get started quickly with Puppertino.\n\nExplore the examples at [Puppertino Examples](https://codedgar.github.io/Puppertino/examples/).\n\n## License\n\nPuppertino is open-source and available under the [open-source MIT license](https://github.com/codedgar/Puppertino/blob/master/LICENSE), allowing you to freely use and modify the framework for your projects.\n\n## Contributing\n\nWe welcome contributions! If you’d like to contribute to Puppertino, check out the [Contribution Guidelines](https://github.com/codedgar/Puppertino/blob/master/CONTRIBUTING.md) to learn how to get involved.\n\n## About the creator\n\nPuppertino was developed by [Codedgar](https://codedgar.com/), a web developer passionate about creating clean, elegant web experiences. As the framework continues to evolve, more features and components will be added—so stay tuned for regular updates!","funding_links":["https://patreon.com/puppertino"],"categories":["JavaScript","CSS/UI Templates","Frameworks / Resources"],"sub_categories":["Fun CSS Frameworks","P"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodedgar%2FPuppertino","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodedgar%2FPuppertino","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodedgar%2FPuppertino/lists"}