Loading...

Tailwind CSS Link - NiraUI

Link component in NiraUI is used to navigate users to another page, section, or external website.

Default

Use the default link to direct users to a page or resource.

Go to NiraUI Labs

Go to NiraUI Labs

Link Colors

NiraUI provides multiple link color variants to match your website theme. Use colors to indicate importance, status, or category.

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Ghost Links

Ghost links provide a subtle background highlight on hover, making them stand out without being too bold.

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Underline Links

Underline links improve readability and visual indication of clickable text.

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Underline on Hover

Links with underline on hover offer a clean design while indicating interactivity only when users hover over them.

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs

Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs
Go to NiraUI Labs