{"id":15136595,"url":"https://github.com/appwrite/pink","last_synced_at":"2025-05-15T16:01:47.328Z","repository":{"id":65488339,"uuid":"448880498","full_name":"appwrite/pink","owner":"appwrite","description":"Pink. Appwrite's official framework agnostic design system 🎨 🩷","archived":false,"fork":false,"pushed_at":"2025-05-07T12:05:19.000Z","size":37144,"stargazers_count":478,"open_issues_count":27,"forks_count":44,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-05-07T23:57:02.532Z","etag":null,"topics":["appwrite","component","component-library","css","design-system","design-systems","hacktoberfest"],"latest_commit_sha":null,"homepage":"https://pink.appwrite.io","language":"HTML","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/appwrite.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"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}},"created_at":"2022-01-17T12:14:53.000Z","updated_at":"2025-05-01T02:02:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"a9376c02-ee6d-4b8a-a321-f18659015a3e","html_url":"https://github.com/appwrite/pink","commit_stats":{"total_commits":2072,"total_committers":23,"mean_commits":90.08695652173913,"dds":0.430984555984556,"last_synced_commit":"d01ee9802e5adf36b90adea73b25468caf9635f2"},"previous_names":[],"tags_count":161,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appwrite%2Fpink","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appwrite%2Fpink/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appwrite%2Fpink/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appwrite%2Fpink/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/appwrite","download_url":"https://codeload.github.com/appwrite/pink/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254374388,"owners_count":22060609,"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":["appwrite","component","component-library","css","design-system","design-systems","hacktoberfest"],"created_at":"2024-09-26T06:23:46.962Z","updated_at":"2025-05-15T16:01:47.273Z","avatar_url":"https://github.com/appwrite.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://pink.appwrite.io\" target=\"_blank\"\u003e\u003cimg width=\"260\" height=\"39\" src=\"logo.svg\" alt=\"Pink Design Logo\"\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003cb\u003eAppwrite's open-source design system for building consistent and reusable user interfaces.\u003c/b\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/appwrite/pink\"\u003e\u003cimg width=\"800\" height=auto src=\"github.png\" alt=\"Visit the Pink Design repo\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\nPink Design is a CSS library designed for building accessible and visually appealing user interfaces. The library is built with a focus on accessibility, ensuring that users of all abilities can easily interact with your web application. Pink Design offers a wide range of classes and components that can be easily integrated into your project. Whether you're building a complex user interface or a simple web app, Pink Design has everything you need to create a polished and professional look.\n\n## Getting Started\n\n### NPM\n\nInstall the CSS library:\n\n```bash\nnpm install \"@appwrite.io/pink\"\n```\n\nAfter installing Pink Design as a package, include Pink Design as CSS library by importing it in your JavaScript files.\n\n```js\nimport \"@appwrite.io/pink\";\n// optionally, add icons\nimport \"@appwrite.io/pink-icons\";\n```\n\n### CDN\n\nCopy the following code into the `\u003chead\u003e` section of your HTML file.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@appwrite.io/pink\" /\u003e\n\u003c!-- optionally, add icons --\u003e\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/@appwrite.io/pink-icons\" /\u003e\n```\n\n### Accessibility\n\nOur design library is designed to be inclusive, making it easy for everyone to interact with and navigate, regardless of any unique needs they may have. This enhances the user experience for all and aligns with the ethical standards of web development. At Appwrite, we are dedicated to fostering accessibility in all that we do.\n\nWe are constantly striving to improve. If you notice any areas where we can enhance accessibility, please do not hesitate to share your feedback and suggestions.\n\nThe [documentation website](https://pink.appwrite.io/) for Pink Design has been built with [Astro](https://astro.build/) web framework .\n\n## Supported Browsers\n\n| Browser            | Version |\n| ------------------ | ------- |\n| Chrome             | \u003e=99    |\n| Safari             | \u003e=15.4  |\n| Firefox            | \u003e=97    |\n| Opera              | \u003e=85    |\n| Chrome for Android | \u003e=109   |\n| Safari iOS         | \u003e=15.4  |\n| Samsung Internet   | \u003e=18    |\n\n## Contributing\n\nAll code contributions - including those from people with commit access - must go through a pull request and be approved by a core team member before being merged. This is to ensure a proper review of all the code.\n\nWe truly ❤️ pull requests! If you wish to help, you can learn more about how you can contribute to this project in the [contribution guide](CONTRIBUTING.md).\n\n## Security\n\nFor security issues, kindly email us at [security@appwrite.io](mailto:security@appwrite.io) instead of posting a public issue on GitHub.\n\n## Follow Us\n\nJoin our growing community around the world! See our official [Blog](https://medium.com/appwrite-io). Follow us on [Twitter](https://twitter.com/appwrite), [Facebook Page](https://www.facebook.com/appwrite.io), [Facebook Group](https://www.facebook.com/groups/appwrite.developers/), [Dev Community](https://dev.to/appwrite) or join our live [Discord server](https://appwrite.io/discord) for more help, ideas, and discussions.\n\n## License\n\nThis repository is available under the [MIT](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fappwrite%2Fpink","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fappwrite%2Fpink","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fappwrite%2Fpink/lists"}