Typography.
Explore NodexUI fonts, and default styles.
Fonts
The default NodexUI fonts
1. Momo Trust Display
2. Lilita One
3. Outfit
4. Gabarito
5. Luckiest Guy
Code
<div class="font-1">NodexUI</div>
<div class="font-2">NodexUI</div>
<div class="font-3">NodexUI</div>
<div class="font-4">NodexUI</div>
<div class="font-5">NodexUI</div>
Radius style
New radius style
Title
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quod.
Code
<div class="radius-new" style="border-radius: 100px;"></div>
Background color
Background color and text color
bg-white-100
bg-white-200
bg-white-300
bg-black-100
bg-black-200
bg-black-300
bg-purple-100
bg-purple-200
bg-purple-300
bg-blue-100
bg-blue-200
bg-blue-300
bg-yellow-100
bg-yellow-200
bg-yellow-300
bg-red-100
bg-red-200
bg-red-300
bg-green-100
bg-green-200
bg-green-300
Text color
Text color with background color
text-white
text-black
text-purple
text-blue
text-yellow
text-red
text-green
Shadow
Box shadow effect
shadow-1
shadow-2
shadow-3
shadow-4
shadow-5
shadow-6
Hover Effect
Hover effect for element
hover-1
hover-2
hover-3
hover-4
hover-5
hover-6
hover-7