Skill Widget Demo

Default Style

Colors are hard. Defining a base color palette can be timely consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states.

HTML
90%
CSS
80%
Bootstrap
90%
JavaScript
85%
Adobe XD
80%
80%
Angular
95%
95%
WordPress
70%
70%
Photoshop
90%
90%

Box and Grediant

Colors are hard. Defining a base color palette can be timely consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states.

Grediant Style

Colors are hard. Defining a base color palette can be timely consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states.

WordPress
70%
70%
Laravel/PHP
90%
90%
Adobe XD
80%
80%
HTML/CSS
90%
90%
WordPress
70%
70%
HTML/CSS
60%
60%
Photoshop
85%
85%
Illustratior
75%
75%

Fat Line with Color

Colors are hard. Defining a base color palette can be timely consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states.

Flat Line with Tootip

Colors are hard. Defining a base color palette can be timely consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states.

WordPress
70%
70%
Laravel/PHP
90%
90%
Adobe XD
80%
80%
HTML/CSS
90%
90%