UltraKit · Widget #92

6 Layouts (Bars, Striped, Circles, Vertical, Dots, Pills) × Grouping × Count-up × Gradient Colours × Responsive Columns

6 Layout3 Card Background5 Toggles
Section 01

6 options for layout — all shown live below.

1
Rounded Barslayout = bars

Front-end

Back-end

Design

2
Striped Animated Barslayout = striped

Front-end

Back-end

Design

3
Progress Ringslayout = circles

Front-end

Back-end

Design

4
Vertical Columnslayout = vertical

Front-end

Back-end

Design

5
Rating Dotslayout = dots

Front-end

Back-end

Design

6
Filled Pillslayout = pills

Front-end

Back-end

Design

Section 02

3 options for card background — all shown live below.

1
Nonecard = none

Front-end

Back-end

Design

2
White Cardcard = card

Front-end

Back-end

Design

3
Dark Cardcard = dark

Front-end

Back-end

Design

Section 03

Switch parts of the widget on or off.

1
Show Group Headings — Offgroup_by = off
2
Show Percentage — Offshow_value = off

Front-end

Back-end

Design

3
Count-up Animation — Offcount_up = off

Front-end

Back-end

Design

4
Auto-vary Colours per Skill — Onrainbow = yes

Front-end

Back-end

Design

5
Hide On Desktop — Onhide_desktop = hidden-desktop

Front-end

Back-end

Design