Locale

Change the locale of the datepicker, schedule and client side validation messages.

Input Style

Free Themes

Built-in component themes created by the PrimeFaces Theme Designer.

PrimeOne Design

Saga Saga
Vela Vela
Arya Arya

Premium Themes

Premium themes are only available exclusively for PrimeFaces Theme Designer subscribers and therefore not included in PrimeFaces core.

bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple

Legacy Free Themes

Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink
Nova Nova
Nova Nova Alt
Nova Nova Accent

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.

PrimeIcons

PrimeFaces components internally use PrimeIcons library, the official icons suite from PrimeTek.

Getting Started

PrimeIcons use the pi pi-{icon} syntax such as pi pi-check. A standalone icon can be displayed using an element like i or span


<i class="pi pi-check"></i>
<i class="pi pi-times"></i>

Size

Size of the icons can easily be changed using font-size property.


<i class="pi pi-check"></i>


<i class="pi pi-check" style="font-size: 2rem"></i>

Spinning Animation

Special pi-spin class applies continuous rotation to an icon.


<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i>

List of Icons

Here is the current list of PrimeIcons, more icons are added periodically. You may also request new icons at the issue tracker.

send
slack
moon
sun
youtube
vimeo
flag
wallet
map
link
credit-card
discord
percentage
euro
book
shield
paypal
amazon
phone
filter-slash
facebook
github
twitter
step-backward-alt
step-forward-alt
forward
backward
fast-backward
fast-forward
pause
play
compass
id-card
ticket
file-o
reply
directions-alt
directions
thumbs-up
thumbs-down
sort-numeric-down-alt
sort-numeric-up-alt
sort-alpha-down-alt
sort-alpha-up-alt
sort-numeric-down
sort-numeric-up
sort-alpha-down
sort-alpha-up
sort-alt
sort-amount-up
sort-amount-down
sort-amount-down-alt
sort-amount-up-alt
palette
undo
desktop
sliders-v
sliders-h
search-plus
search-minus
file-excel
file-pdf
check-square
chart-line
user-edit
exclamation-circle
android
google
apple
microsoft
heart
mobile
tablet
key
shopping-cart
comments
comment
briefcase
bell
paperclip
share-alt
envelope
volume-down
volume-up
volume-off
eject
money-bill
images
image
sign-in
sign-out
wifi
sitemap
chart-bar
camera
dollar
lock-open
table
map-marker
list
eye-slash
eye
folder-open
folder
video
inbox
lock
unlock
tags
tag
power-off
save
question-circle
question
copy
file
clone
calendar-times
calendar-minus
calendar-plus
ellipsis-v
ellipsis-h
bookmark
globe
replay
filter
print
align-right
align-left
align-center
align-justify
cog
cloud-download
cloud-upload
cloud
pencil
users
clock
user-minus
user-plus
trash
window-minimize
window-maximize
external-link
refresh
user
exclamation-triangle
calendar
chevron-circle-left
chevron-circle-down
chevron-circle-right
chevron-circle-up
angle-double-down
angle-double-left
angle-double-right
angle-double-up
angle-down
angle-left
angle-right
angle-up
upload
download
ban
star-o
star
chevron-left
chevron-right
chevron-down
chevron-up
caret-left
caret-right
caret-down
caret-up
search
check
check-circle
times
times-circle
plus
plus-circle
minus
minus-circle
circle-on
circle-off
sort-down
sort-up
sort
step-backward
step-forward
th-large
arrow-down
arrow-left
arrow-right
arrow-up
bars
arrow-circle-down
arrow-circle-left
arrow-circle-right
arrow-circle-up
info
info-circle
home
spinner