# @appwrite.io/pink

<br />
<p align="center">
    <a href="https://pink.appwrite.io" target="_blank"><img width="260" height="39" src="https://raw.githubusercontent.com/appwrite/pink/main/logo.svg" alt="Pink Design Logo"></a>
    <br />
    <br />
    <b>Appwrite's open-source design system for building consistent and reusable user interfaces.</b>
    <br />
    <br />
    <a href="https://github.com/appwrite/pink"><img width="800" height=auto src="https://raw.githubusercontent.com/appwrite/pink/main/github.png" alt="Visit the Pink Design repo"></a>
</p>

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 `<head>` section of your HTML file.

```html
<link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink">
<!-- optionally, add icons -->
<link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink-icons">
```

## Contributing

All code contributions - including those from people with commit access - must go through a pull request and be approved by a core developer 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 [security@appwrite.io](mailto:security@appwrite.io) 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).