https://github.com/iamanishroy/link-previewer
Preview the title, thumbnail image, and description of any public link and integrate the preview card into your website in two lines.
https://github.com/iamanishroy/link-previewer
link-preview plugin preview previwer
Last synced: 10 months ago
JSON representation
Preview the title, thumbnail image, and description of any public link and integrate the preview card into your website in two lines.
- Host: GitHub
- URL: https://github.com/iamanishroy/link-previewer
- Owner: iamanishroy
- Created: 2022-08-02T16:35:48.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-06T15:38:35.000Z (almost 4 years ago)
- Last Synced: 2025-07-20T17:46:41.294Z (11 months ago)
- Topics: link-preview, plugin, preview, previwer
- Language: TypeScript
- Homepage: https://link-previewer.anishroy.me
- Size: 293 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 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.
## 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 **``** tag to seamlessly integrate this into your website.
### Script Tag
```html
<script
src="https://cdn.jsdelivr.net/npm/link-preview-card@1.0.1/dist/script/index.js"
defer
>
```
### Anchor Tag
add this where you want to embed preview link card
#### Custom Attributes
| Attribute | Description |
| :------------------ | :-------------------------------- |
| `custom-border` | enables using custom border style |
| `custom-box-shadow` | enables using custom box-shadow |
## License
[MIT](https://choosealicense.com/licenses/mit/)
## Contributor
- [@iamanishroy](https://github.com/iamanishroy/)