UI Elements

Buttons

Button Text
.button .uc-btn-prim
Button Text
.button .uc-btn-prim .uc-btn-tiny
⬅️
.button .uc-btn-prim .uc-btn-icon
Button Text
.button .uc-btn-sec
Button Text
.button .uc-btn-sec .uc-btn-tiny
⬅️
.button .uc-btn-sec .outline
Button Text
.button .uc-btn-ter
Button Text
.button .outline
Button Text
.button .outline
⬅️
.button .outline

Icons

Font Awesome

These icons are from Font Awesome Free Icons Library.
To use an icon apply icon name as a combo class to either of the following CSS class

  • .fas for standard icons
  • .fab for brand icons

Here is an example : .fab .fa-facebook-f

You can find icon names full list on the link above.

View code snippet
fa-twitter
fa-facebook-f
fa-instagram
fa-linkedin-in
fa-youtube
fa-vimeo-v
fa-pinterest-p
fa-behance
fa-dribbble
fa-artstation
fa-medium-m
fa-tiktok
fa-snapchat-ghost
fa-twitch
fa-discord
fa-slack
fa-whatsapp
fa-facebook-messenger
fa-github
fa-google-play
fa-app-store
fa-cc-mastercard
fa-cc-visa
fa-cc-amex
fa-cc-apple-pay
fa-cc-amazon-pay
fa-google-pay
fa-cc-stripe
fa-cc-paypal
fa-paypal
fa-stripe
fa-amazon
fa-spotify
fa-soundcloud
fa-itunes
fa-itunes-note
fa-imdb
fa-kickstarter-k
fa-unsplash
fa-salesforce
fa-steam
fa-xbox

Forms

.input-field
.input-field .uc-select
.input-field .uc-area
.input-field .uc-checkbox
.input-field .uc-radio-button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.