@moonjellydigital/pride-flags v1.2.1

@moonjellydigital/pride-flags

Add pride flag designs to your web projects with just a few lines of code. Pride Flags can be integrated with any project since it's just pure CSS with no dependencies.

View all of the flag designs and color swatches on the docs site.

Browser Support

Pride Flags supports the listed browsers without any transpilation.

• Chrome: 111+

• Edge: 111+

• Safari: 15.4+

• Safari iOS: 15.4+

• Firefox: 113+

• Opera: 97+

Installation

npm:

npm install @moonjellydigital/pride-flags

pnpm:

pnpm add @moonjellydigital/pride-flags

yarn:

yarn add @moonjellydigital/pride-flags

bun:

bun add @moonjellydigital/pride-flags

Download

• Normal

• Minified

CDN

• jsDelivr

• UNPKG

Usage

In a stylesheet:

@import url('node_modules/@moonjellydigital/pride-flags/pride-flags.css');

In the document head:

<link
  rel="stylesheet"
  href="node_modules/@moonjellydigital/pride-flags/pride-flags.css"
/>

In a component file:

import 'node_modules/@moonjellydigital/pride-flags/pride-flags.css';

Documentation

Full documentation is available on GitHub Pages at https://moonjellydigital.github.io/pride-flags.

License

MIT