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.
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
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/jwebmp-fontawesome/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How jwebmp-fontawesome Compares
| Feature / Agent | jwebmp-fontawesome | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/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
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
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
Weather Icons font library for JWebMP providing weather icon fonts. Use when displaying weather-related icons.
jwebmp-waypoints
Waypoints jQuery plugin for JWebMP triggering functions when elements enter the viewport. Use when implementing scroll-based interactions and animations.
jwebmp-waves-effect
Waves material design ripple effect for JWebMP creating Material Design click ripples on elements. Use when adding Material Design interaction effects.
jwebmp-vertx
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
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
Toastr jQuery notification plugin integration for JWebMP displaying non-blocking toast notifications. Use when showing transient user notifications and alerts.
jwebmp-themify-icons
Themify Icons font library for JWebMP providing a comprehensive icon font collection. Use when adding Themify icons to projects.
jwebmp-skycons
Skycons animated weather icons for JWebMP creating beautiful animated SVG weather visualizations. Use when rendering weather data with animated icons.
jwebmp-session-storage
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
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.