@criticalcarpet/hyperlinks NPM

GitHub package.json version

A JavaScript library to make "Anchor tags" more beautiful !!! 💖

❯ Features

Grab the meta-data of the websites in the background
Fancy tooltip like display for preview
No extra configuration needed
Works all by itself

❯ Usage/Examples

Steps to follow :

Add the Hyperlinks-Js script to the head of your html.
Add the Hyperlinks-Css stylesheet below the script.
Add the hyperlinks class the anchor tags for which you wish to have a preview.

⚠ Note :

Please add the / after any link.
- ✔ => https://github.com/Criticalcarpet/
- ❌ => https://github.com/Criticalcarpet

Here is a code snippet of a working model 👇

<html>
  <head>
    <title>Hyperlinks</title>
    <script src="https://cdn.jsdelivr.net/npm/@criticalcarpet/hyperlinks/dist/index.bundle.js" type="module" defer></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@criticalcarpet/hyperlinks/dist/main.css">
  </head>
  <body>
      <a href="https://github.com/Criticalcarpet/" class="hyperlinks">Github</a>
      <a href="https://github.com/Manik2375/" class="hyperlinks">Github-2</a>
  </body>
</html>

❯ Credits

Special Thanks to Gabriel nunes for permitting us to use allOrigins for the library.
Also thanks to the below people for helping out and giving tips for the welfare of the project :