Extensions for pe:PrimeFaces
PrimeFaces Extensions is a lightweight, open source component library built on top of PrimeFaces: components missing in other Jakarta Faces libraries, plus useful behaviors, converters and functions.
Everything PrimeFaces is missing
Editors, charts and maps, data and layout components, overlays, media and more, all styled by the PrimeFaces themes. Pick a category to explore its examples.
Input
Calculator, ClockPicker, TimePicker, CreditCard, InputPlace, CodeScanner, DynaForm, FuzzySearch and the converters.
Editors
CodeMirror, MarkdownEditor, MonacoEditor and SunEditor.
Data
Sheet, Kanban, Gantt, OrgChart, MasterDetail, Timeago, Timer, Counter and MeterGroup.
Charts & Maps
ECharts, GChart, Legend, OSMap and QRCode.
Panel & Layout
Layout, FluidGrid, SlideOut, Keynote and Waypoint.
Overlay & Feedback
Tooltip, CommandPalette, CookiePolicy and Session.
Media
DocumentViewer, ImageAreaSelect, ImageRotateAndResize and ImageZoom.
Misc
Clipboard, LightSwitch, Localized, MarkText, RemoteCommand, Speedtest and the functions.
So simple to use
Add the Maven dependency next to PrimeFaces, declare the namespace, drop a component tag. The components use the PrimeFaces themes, no extra setup needed.
Read the Docs<dependency>
<groupId>org.primefaces</groupId>
<artifactId>primefaces</artifactId>
<version>17.0.0-SNAPSHOT</version>
</dependency>
<dependency>
<groupId>org.primefaces.extensions</groupId>
<artifactId>primefaces-extensions</artifactId>
<version>17.0.0-SNAPSHOT</version>
</dependency>Looks like PrimeFaces
The components follow the PrimeFaces design tokens: the presets Aura, Lara, Nora, Material, Metal and Glass, each in a light and a dark color scheme. Change the primary color, density or any token without a build step. Try it with the palette button at the right edge.
- All PrimeFaces presets supported
- Light and dark variants for every preset
- Theme configurator with live token editing
- Right-to-left and localized components
Graduated into PrimeFaces
The following components were once Extensions components that have graduated into the PrimeFaces core library.
Hall Of Fame| Component | Description |
|---|---|
| Badge | Badge allows styling of any button to include the iOS like badge indicator |
| BlockUI | BlockUI blocks any piece(s) of a page, or the entire page, during Ajax calls. |
| FAB/SpeedDial | A floating action button can display multiple primary actions that can be performed on a page. |
| Gravatar | Avatar using the Gravatar service |
| ImportEnum | ImportEnum allows in older EL versions (< 3.0), to use enum constants or any other static fields/methods in an EL expression. |
| ImportConstants | ImportConstants allows in older EL versions (< 3.0), to use constants or any other static fields/methods in an EL expression. |
| InputNumber | InputNumber formats input fields with numeric Strings. It supports currency symbols, minimum and maximum value, negative numbers, and a lot of round methods. |
| InputOtp | InputOtp is an input component suitable for inserting fixed-size PINs or one time passwords (OTP). |
| InputPhone | InputPhone is an input field for entering and validating international telephone numbers. |
| JavascriptBehavior | pe:javascript executes JavaScript on a component event instead of an AJAX request, now available as p:callback. |
| KeyFilter | KeyFilter can be used to filter keyboard input on specified input components. |
| Knob | Knob's useful to insert numeric values in a range. |
| LetterAvatar | Letter Avatar generates an avatar based on characters |
| Scaffolding | Scaffolding allows you to show skeletons while data is loading. |
| SingleClick | Disable buttons while an Ajax action is being processed now built into PrimeFaces core. |
| Spotlight | Spotlight highlights a certain component on page. |
| Timeline | Timeline is an interactive visualization chart to visualize events in time. |
| TriStateCheckbox | TriStateCheckbox add a new state to a checkbox value. |
| TriStateManyCheckbox | TriStateManyCheckbox adds a third state to each checkbox of a SelectManyCheckbox. |
Ready to extend PrimeFaces?
PrimeFaces Extensions is open source under the MIT license, hosted at GitHub.