UltraKit · Widget #107
4 Text Styles (Gradient, Outline, Solid, Alternating) × 5 Separators × 1–3 Rows × Direction & Speed × Tilt Angle × Pause on Hover × Edge Fade
5 Separator4 Text Style4 Weight3 Rows2 More Choices5 Toggles
Section 01
5 options for separator — all shown live below.
1
Star ✦separator = star
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
2
Dot ●separator = dot
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
3
Slash /separator = slash
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
4
Arrow →separator = arrow
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
5
Noneseparator = none
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Section 02
4 options for text style — all shown live below.
1
Gradient Fillstyle = gradient
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
2
Outline Onlystyle = outline
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
3
Solid Colourstyle = solid
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
4
Alternating Fill / Outlinestyle = alt
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Section 03
4 options for weight — all shown live below.
1
Regularweight = 400
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
2
Semi-boldweight = 600
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
3
Extra-boldweight = 800
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
4
Blackweight = 900
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Section 04
3 options for rows — all shown live below.
1
1rows = 1
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
2
2 (opposite directions)rows = 2
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
3
3 (alternating)rows = 3
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Section 05
Extra switches for the finishing touches.
1
First Row Direction: Right to leftdirection = left
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
2
First Row Direction: Left to rightdirection = right
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
Section 06
Switch parts of the widget on or off.
1
Pause on Hover — Offpause = off
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
2
Speed Up While Scrolling — Onscroll_boost = yes
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
3
Uppercase — Offuppercase = off
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
4
Fade Edges — Offfade = off
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth
5
Hide On Desktop — Onhide_desktop = hidden-desktop
Creative Design
Web Development
Brand Strategy
Digital Growth
Creative Design
Web Development
Brand Strategy
Digital Growth