TYPOGRAPHY

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
Copied to Clipboard


Have any isuuse or bugs in components?

You can report to NodexUI team. Also you want any Changes in components, You can also contact us.