Buy UltraKit
UltraKit · Widget #63

WPForms Styler

Turn any WPForms form into a premium, on-brand design. Every card, input, focus, button and colour variation — live on one page.

7 Card Styles6 Input Styles4 Focus Effects6 Button Styles3 Button Alignments2 Label Modes∞ Accent Colours
Section 01

Card Styles

Seven wrapper looks for the form container — from a bare form to gradient-bordered cards.

1
White Card + Shadowwrap_style = card

Send Us a Message

Fill in the form and we will reply within 24 hours.

2
Soft Tinted Cardwrap_style = tinted

Send Us a Message

Fill in the form and we will reply within 24 hours.

3
Dark Cardwrap_style = dark

Send Us a Message

Fill in the form and we will reply within 24 hours.

4
Glassmorphismwrap_style = glass

Send Us a Message

Fill in the form and we will reply within 24 hours.

5
Accent Top Borderwrap_style = accent

Send Us a Message

Fill in the form and we will reply within 24 hours.

6
Gradient Borderwrap_style = gradient

Send Us a Message

Fill in the form and we will reply within 24 hours.

7
None (bare form)wrap_style = none — inherits your page background

Send Us a Message

Fill in the form and we will reply within 24 hours.

Section 02

Input Styles

Six field looks that apply to text inputs, textareas and dropdowns alike.

1
Outlinedinput_style = outline
2
Filledinput_style = filled
3
Underlineinput_style = underline
4
Pillinput_style = pill
5
Soft Shadowinput_style = soft
6
Neumorphicinput_style = neo
Section 03

Focus Effects

Click into any field below to see how it reacts when the visitor starts typing.

1
Accent Glowfocus_effect = glow
2
Accent Borderfocus_effect = border
3
Lift Upfocus_effect = lift
4
Nonefocus_effect = none
Section 04

Submit Button Styles

Six button designs — hover each one to see its animation.

1
Solidbtn_style = solid
2
Gradientbtn_style = gradient
3
Outlinebtn_style = outline
4
Pillbtn_style = pill
5
3D Blockbtn_style = block3d
6
Glowbtn_style = glow
Section 05

Button Width & Alignment

Keep the button compact and align it left, centre or right — or stretch it full width.

1
Auto Width — Leftbtn_width = auto, btn_align = left
2
Auto Width — Centerbtn_width = auto, btn_align = center
3
Auto Width — Rightbtn_width = auto, btn_align = right
4
Full Widthbtn_width = full
Section 06

Label Modes

Show labels above the fields, or hide them for a clean placeholder-only form (set placeholders in WPForms).

1
Labels Above Fieldlabel_mode = top
2
Labels Hiddenlabel_mode = hidden
Section 07

Accent Colours

One colour picker recolours the focus ring, checkboxes and the submit button.

1
Violetaccent_color = #6c5ce7

Get In Touch

We would love to hear from you.

2
Oceanaccent_color = #0984e3

Get In Touch

We would love to hear from you.

3
Emeraldaccent_color = #00b894

Get In Touch

We would love to hear from you.

4
Sunsetaccent_color = #e17055

Get In Touch

We would love to hear from you.

5
Roseaccent_color = #e84393

Get In Touch

We would love to hear from you.

6
Charcoalaccent_color = #2d3436

Get In Touch

We would love to hear from you.

Section 08

Custom Form Header

Add an icon, title and subtitle above any form — or leave it off for a bare form.

1
Icon + Title + Subtitleshow_header = yes

Send Us a Message

Fill in the form and we will reply within 24 hours.

2
Different Iconheader_icon = headset

Need Help?

Our support team is one message away.

3
No Headershow_header = off
Section 09

Ready-Made Combinations

Mix the options above to create a signature look. Three presets to start from.

1
MidnightDark card + Filled inputs + Gradient button

Send Us a Message

Fill in the form and we will reply within 24 hours.

2
FrostedGlass card + Pill inputs + Pill button

Send Us a Message

Fill in the form and we will reply within 24 hours.

3
BoldAccent border + Underline + 3D Block

Send Us a Message

Fill in the form and we will reply within 24 hours.