Tailwind CSS Link - Nira UI

Link component in Nira UI 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 Nira UI Labs

Go to Nira UI Labs

Link Colors

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

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Ghost Links

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

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Underline Links

Underline links improve readability and visual indication of clickable text.

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Underline on Hover

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

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs

Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs
Go to Nira UI Labs