Pink Design is Appwrite's open-source design system for building consistent and reusable user interfaces. Follow the steps below to start building with Pink Design.
Include the CSS library in your project
Copy the following code into the
<head>section of your HTML file.
<link rel="stylesheet" href="https://email@example.com/pink" />
<!-- optionally, add icons -->
<link rel="stylesheet" href="https://firstname.lastname@example.org/pink-icons" />
Install the CSS library
Run the following command to install Pink Design as an NPM package.
npm install "@appwrite.io/pink"
Include the library in your project
After installing Pink Design as a package, it will be added to the
// optionally, add icons