Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/appwrite/pink
Pink. Appwrite's official framework agnostic design system 🎨 🩷
https://github.com/appwrite/pink
appwrite component component-library css design-system design-systems hacktoberfest
Last synced: 2 days ago
JSON representation
Pink. Appwrite's official framework agnostic design system 🎨 🩷
- Host: GitHub
- URL: https://github.com/appwrite/pink
- Owner: appwrite
- License: mit
- Created: 2022-01-17T12:14:53.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-09T12:34:35.000Z (11 days ago)
- Last Synced: 2025-01-11T09:05:45.229Z (10 days ago)
- Topics: appwrite, component, component-library, css, design-system, design-systems, hacktoberfest
- Language: HTML
- Homepage: https://pink.appwrite.io
- Size: 33.8 MB
- Stars: 465
- Watchers: 12
- Forks: 40
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
Appwrite's open-source design system for building consistent and reusable user interfaces.
Pink 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.
## Getting Started
### NPM
Install the CSS library:
```bash
npm install "@appwrite.io/pink"
```
After installing Pink Design as a package, include Pink Design as CSS library by importing it in your JavaScript files.
```js
import "@appwrite.io/pink";
// optionally, add icons
import "@appwrite.io/pink-icons";
```
### CDN
Copy the following code into the `` section of your HTML file.
```html
```
### Accessibility
Our 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.
We 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.
The [documentation website](https://pink.appwrite.io/) for Pink Design has been built with [Astro](https://astro.build/) web framework .
## Supported Browsers
| Browser | Version |
| ------------------ | ------- |
| Chrome | >=99 |
| Safari | >=15.4 |
| Firefox | >=97 |
| Opera | >=85 |
| Chrome for Android | >=109 |
| Safari iOS | >=15.4 |
| Samsung Internet | >=18 |
## Contributing
All 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.
We 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).
## Security
For security issues, kindly email us at [[email protected]](mailto:[email protected]) instead of posting a public issue on GitHub.
## Follow Us
Join 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.
## License
This repository is available under the [MIT](./LICENSE).