jwebmp-fontawesome

FontAwesome icon integration for JWebMP with 6,000+ free icons. Provides typed icon components, CSS classes, solid/regular/brands styles, sizing, rotation, animation, stacking, and duotone support. Use when working with FontAwesome icons, adding icons to components, styling icons, or implementing icon-based UIs in JWebMP applications.

5 stars

Best use case

jwebmp-fontawesome is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

FontAwesome icon integration for JWebMP with 6,000+ free icons. Provides typed icon components, CSS classes, solid/regular/brands styles, sizing, rotation, animation, stacking, and duotone support. Use when working with FontAwesome icons, adding icons to components, styling icons, or implementing icon-based UIs in JWebMP applications.

Teams using jwebmp-fontawesome should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/jwebmp-fontawesome/SKILL.md --create-dirs "https://raw.githubusercontent.com/GuicedEE/ai-rules/main/skills/.system/jwebmp-fontawesome/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/jwebmp-fontawesome/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How jwebmp-fontawesome Compares

Feature / Agentjwebmp-fontawesomeStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

FontAwesome icon integration for JWebMP with 6,000+ free icons. Provides typed icon components, CSS classes, solid/regular/brands styles, sizing, rotation, animation, stacking, and duotone support. Use when working with FontAwesome icons, adding icons to components, styling icons, or implementing icon-based UIs in JWebMP applications.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# JWebMP FontAwesome

FontAwesome 6 free icon integration for JWebMP with 6,000+ icons.

## Core Features

- **6,000+ Free Icons** — Solid, Regular, Brands styles
- **Typed Icon Components** — Type-safe icon usage
- **CSS Utilities** — Sizing, rotation, animation
- **Icon Stacking** — Layer multiple icons
- **Duotone Support** — Two-tone icons
- **Auto CDN/NPM** — Flexible loading

## Quick Start

### Basic Icon Usage

```java
import com.jwebmp.plugins.fontawesome.icons.*;

Icon icon = new Icon()
    .setIconClass(FontAwesomeIcons.FA_HOME)
    .setStyle(IconStyle.SOLID)
    .setSize(IconSize.LG);

page.getBody().add(icon);
```

### Icon with Text

```java
Button<?, ?> btn = new Button<>();
btn.add(new Icon().setIconClass(FontAwesomeIcons.FA_DOWNLOAD));
btn.add(new Span<>().setText(" Download"));
```

## Icon Styles

```java
// Solid (fas)
new Icon().setIconClass(FontAwesomeIcons.FA_HOME).setStyle(IconStyle.SOLID);

// Regular (far)
new Icon().setIconClass(FontAwesomeIcons.FA_HEART).setStyle(IconStyle.REGULAR);

// Brands (fab)
new Icon().setIconClass(FontAwesomeIcons.FA_GITHUB).setStyle(IconStyle.BRANDS);
```

## Icon Sizing

```java
icon.setSize(IconSize.XS);     // Extra small
icon.setSize(IconSize.SM);     // Small
icon.setSize(IconSize.LG);     // Large
icon.setSize(IconSize.X2);     // 2x
icon.setSize(IconSize.X3);     // 3x
icon.setSize(IconSize.X5);     // 5x
icon.setSize(IconSize.X10);    // 10x
```

## Icon Utilities

### Rotation

```java
icon.setRotation(IconRotation.ROTATE_90);
icon.setRotation(IconRotation.ROTATE_180);
icon.setRotation(IconRotation.FLIP_HORIZONTAL);
icon.setRotation(IconRotation.FLIP_VERTICAL);
```

### Animation

```java
icon.setAnimation(IconAnimation.SPIN);
icon.setAnimation(IconAnimation.PULSE);
```

### Fixed Width

```java
icon.setFixedWidth(true);  // Consistent width for lists
```

## Icon Stacking

```java
IconStack stack = new IconStack();
stack.add(new Icon()
    .setIconClass(FontAwesomeIcons.FA_SQUARE)
    .setStackSize(IconStackSize.STACK_2X));
stack.add(new Icon()
    .setIconClass(FontAwesomeIcons.FA_FLAG)
    .setStackSize(IconStackSize.STACK_1X)
    .setInverse(true));
```

## Common Icons

### Navigation
- `FA_HOME`, `FA_BARS`, `FA_SEARCH`, `FA_USER`

### Actions
- `FA_PLUS`, `FA_MINUS`, `FA_EDIT`, `FA_TRASH`, `FA_SAVE`

### Media
- `FA_PLAY`, `FA_PAUSE`, `FA_STOP`, `FA_VOLUME_UP`

### Social
- `FA_FACEBOOK`, `FA_TWITTER`, `FA_GITHUB`, `FA_LINKEDIN`

### Files
- `FA_FILE`, `FA_FILE_PDF`, `FA_FILE_EXCEL`, `FA_FILE_WORD`

## Installation

```xml
<dependency>
  <groupId>com.jwebmp.plugins</groupId>
  <artifactId>fontawesome</artifactId>
</dependency>
```

## JPMS Module

```java
module com.jwebmp.plugins.fontawesome {
    requires transitive com.jwebmp.core;
    exports com.jwebmp.plugins.fontawesome;
    exports com.jwebmp.plugins.fontawesome.icons;
}
```

## References

- Module: `com.jwebmp.plugins.fontawesome`
- FontAwesome: 6.x
- Java: 25+
- License: Apache 2.0
- [FontAwesome Docs](https://fontawesome.com/docs)

Related Skills

jwebmp-webawesome

5
from GuicedEE/ai-rules

WebAwesome icon integration for JWebMP — modern, open-source icon library. Provides 1,500+ icons with solid/regular styles, sizing, rotation, animation, and CSS utilities. Drop-in FontAwesome alternative with fresh designs. Use when working with WebAwesome icons, modern icon designs, or as FontAwesome alternative in JWebMP applications.

jwebmp-webawesome-pro

5
from GuicedEE/ai-rules

WebAwesome Pro integration for JWebMP with premium icons and features. Extends jwebmp-webawesome with additional styles, premium icons, and advanced features. Use when working with WebAwesome Pro icons or premium WebAwesome features in JWebMP applications.

jwebmp-weather-icons

5
from GuicedEE/ai-rules

Weather Icons font library for JWebMP providing weather icon fonts. Use when displaying weather-related icons.

jwebmp-waypoints

5
from GuicedEE/ai-rules

Waypoints jQuery plugin for JWebMP triggering functions when elements enter the viewport. Use when implementing scroll-based interactions and animations.

jwebmp-waves-effect

5
from GuicedEE/ai-rules

Waves material design ripple effect for JWebMP creating Material Design click ripples on elements. Use when adding Material Design interaction effects.

jwebmp-vertx

5
from GuicedEE/ai-rules

Portable connector between JWebMP and Vert.x 5 powered by GuicedEE. Provides automatic page routing, AJAX event pipeline, data component servlet, CSS endpoint, site-loader script, WebSocket broadcasting via event bus, user-agent detection, and call-scope integration. Use when working with JWebMP Vert.x integration, HTTP routing, AJAX handling, WebSocket communication, or building reactive web applications with JWebMP.

jwebmp-tsclient

5
from GuicedEE/ai-rules

TypeScript client generation for JWebMP plugins. Provides annotations and utilities for generating TypeScript interfaces, components, services, and modules from Java code. Supports @TsDependency, @TsDevDependency, @NgComponent, @NgDataService, @NgRestClient annotations. Use when creating JWebMP plugins that generate TypeScript code, defining npm dependencies, building Angular-integrated components, or generating typed Angular REST client services.

jwebmp-toastr

5
from GuicedEE/ai-rules

Toastr jQuery notification plugin integration for JWebMP displaying non-blocking toast notifications. Use when showing transient user notifications and alerts.

jwebmp-themify-icons

5
from GuicedEE/ai-rules

Themify Icons font library for JWebMP providing a comprehensive icon font collection. Use when adding Themify icons to projects.

jwebmp-skycons

5
from GuicedEE/ai-rules

Skycons animated weather icons for JWebMP creating beautiful animated SVG weather visualizations. Use when rendering weather data with animated icons.

jwebmp-session-storage

5
from GuicedEE/ai-rules

Browser Session Storage integration for JWebMP providing client-side temporary data storage for the browser session. Use when storing temporary user session data.

jwebmp-prism

5
from GuicedEE/ai-rules

Prism syntax highlighter integration for JWebMP providing powerful code highlighting with line numbers, copy button, and themes. Use when displaying highlighted code with advanced features.