Skip to content

Preview the title, thumbnail image, and description of any public link and integrate the preview card into your website in two lines.

Notifications You must be signed in to change notification settings

iamanishroy/link-previewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

Link Previewer

An opensource project/website that allows you to preview the title, thumbnail image, and description of any public link, as well as embed the preview card into your website with just two lines of code.

Logo

Features

  • Simple to use plugin
  • User-friendly interface
  • Responsive design

Highlights:

  • For a faster initial load time, dynamic imports were used.
  • Gulp was used to automatically compile and build the modules for a more efficient development approach.
  • I used Autoprefixer to generate CSS that will work with a variety of browsers.

Plugin Reference

Simply include the JavaScript <script> tag to seamlessly integrate this into your website.

Script Tag

<script
  src="https://cdn.jsdelivr.net/npm/link-preview-card@1.0.1/dist/script/index.js"
  defer
></script>

Anchor Tag

add this where you want to embed preview link card

<a
  href="put-your-link-here"
  link-preview-card
  custom-border="1px solid black"
  custom-box-shadow="0px 0px 8px 0px orange"
></a>

Custom Attributes

Attribute Description
custom-border enables using custom border style
custom-box-shadow enables using custom box-shadow

License

MIT

Contributor

About

Preview the title, thumbnail image, and description of any public link and integrate the preview card into your website in two lines.

Topics

Resources

Stars

Watchers

Forks