Package Exports

forum-badges
forum-badges/dist/forum-badges.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (forum-badges) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Forum Badges

A beautiful collection of 60 customizable CSS badges/prefixes for forum user roles.

Forum Badges Preview

Features

60 high-quality, detailed badge designs
Easy to implement in any forum or website
Customizable colors and effects
Lightweight CSS with minimal footprint
Compatible with all modern browsers

Installation

NPM

npm install forum-badges

CDN

<link rel="stylesheet" href="https://unpkg.com/forum-badges@1.0.0/dist/forum-badges.css">

Direct Download

Download the latest release and include the CSS file in your project.

Usage

Include the CSS file in your HTML:

<link rel="stylesheet" href="path/to/forum-badges.css">

Add the badge to your username or content:

<span class="fb-badge fb-admin">Administrator</span>
<span class="fb-badge fb-mod">Moderator</span>
<span class="fb-badge fb-vip">VIP</span>
<!-- And many more -->

Available Badges

We have 60 different badge styles, including:

Administrative roles (Admin, Moderator, Super Moderator)
Special statuses (VIP, Donor, Sponsor)
Achievement badges (Veteran, Expert, Helper)
Fun badges (Jester, Ninja, Wizard)

See the full demo page for all available badges with previews.

Customization

You can customize the badges by overriding the CSS variables:

:root {
  --fb-admin-color: #ff5555;
  --fb-admin-bg: #333;
  /* More customization options */
}

License

MIT Licensed. See LICENSE for details.