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.
- Simple to use plugin
- User-friendly interface
- Responsive design
- 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.
Simply include the JavaScript <script>
tag to seamlessly integrate this into your website.
<script
src="https://cdn.jsdelivr.net/npm/link-preview-card@1.0.1/dist/script/index.js"
defer
></script>
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>
Attribute | Description |
---|---|
custom-border |
enables using custom border style |
custom-box-shadow |
enables using custom box-shadow |