UltraKit · Widget #16

Counter Up

8 Card Styles × 6 Easing Curves × Prefix / Suffix / Separator

8 Card Style6 Columns6 Easing Curve5 Icon Wrap Style4 Icon Position2 More Choices2 Toggles

Section 01

Card Style

8 options for card style — all shown live below.

1

Style 1: Clean White Cardcard_style = style-1

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

Style 2: Gradient Fillcard_style = style-2

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

3

Style 3: Dark Nightcard_style = style-3

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

4

Style 4: Glassmorphismcard_style = style-4

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

5

Style 5: Minimal / Borderlesscard_style = style-5

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

6

Style 6: Left Accent Barcard_style = style-6

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

7

Style 7: Neumorphiccard_style = style-7

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

8

Style 8: Neon Glowcard_style = style-8

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

Section 02

Columns

6 options for columns — all shown live below.

1

1columns = 1

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

2columns = 2

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

3

3columns = 3

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

4

4columns = 4

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

5

5columns = 5

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

6

6columns = 6

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

Section 03

Easing Curve

6 options for easing curve — all shown live below.

1

Curve 1: Linear (constant speed)easing = linear

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

Curve 2: Ease Out Quad (decelerate)easing = easeOutQuad

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

3

Curve 3: Ease Out Cubic (smooth stop)easing = easeOutCubic

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

4

Curve 4: Ease Out Expo (fast then slow)easing = easeOutExpo

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

5

Curve 5: Bounce at Endeasing = easeOutBounce

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

6

Curve 6: Ease In Out (gentle both ends)easing = easeInOutQuad

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

Section 04

Icon Wrap Style

5 options for icon wrap style — all shown live below.

1

Circle Backgroundicon_style = icon-circle

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

Square Backgroundicon_style = icon-square

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

3

Outline Ringicon_style = icon-outline

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

4

No Backgroundicon_style = icon-flat

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

5

Gradient Circleicon_style = icon-gradient

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

Section 05

Icon Position

4 options for icon position — all shown live below.

1

Top (above number)icon_position = top

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

Left (beside number)icon_position = left

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

3

Inline (inside number row)icon_position = inline

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

4

Hiddenicon_position = none

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

Section 06

More Choices

Extra switches for the finishing touches.

1

Trigger: On Scroll Into Viewscroll_trigger = scroll

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

Trigger: On Page Loadscroll_trigger = load

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

Section 07

Show & Hide Options

Switch parts of the widget on or off.

1

Replay on Re-enter Viewport — Onreplay = yes

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating

2

Hide On Desktop — Onhide_desktop = hidden-desktop

0 +

Happy Clients

0 +

Projects Done

0

Awards Won

0.0

Rating