Home

Awesome

Puppertino Stars Puppertino's contributors Follow Puppertino_css Follow Codedgar_dev Puppertino Logo

Welcome to Puppertino Siberian by Codedgar

Welcome 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.

Key Framework Features

Table of contents

Get Started

To integrate Puppertino into your project, simply include the full.css file in your HTML head tag:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/newfull.css">

Customize your setup

If you only need specific components, you can import them individually to reduce file size. Here’s how you can include only the buttons:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/buttons.css">

You can also find the full list of individual components and their CDN links on the Components page.

Current Components

Puppertino currently includes the following components:

For a full list and detailed usage instructions, check out the Components page.

If you can't find a component that you want, you can always create an issue to vote for the new components.

Examples and templates

Find detailed examples and templates to help you get started quickly with Puppertino.

Explore the examples at Puppertino Examples.

License

Puppertino is open-source and available under the open-source MIT license, allowing you to freely use and modify the framework for your projects.

Contributing

We welcome contributions! If you’d like to contribute to Puppertino, check out the Contribution Guidelines to learn how to get involved.

About the creator

Puppertino was developed by Edgar Pérez, 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!