Paste a URL, auto-fetch metadata via microlink.io, and generate citations in multiple formats: inline Markdown, footnote, reference-style, APA, and BibTeX.

Overview

Paste a URL, auto-fetch metadata via microlink.io, and generate citations in multiple formats: inline Markdown, footnote, reference-style, APA, and BibTeX.

Built as a single-file HTML application — no build tools, no frameworks, no external dependencies. Just open index.html in any modern browser.

Features

Auto-fetch page metadata (title, description, author, OG image) via microlink.io
Manual metadata editing for accuracy
Five citation formats: Inline, Footnote, Reference-style, APA, BibTeX
Recent citations history with quick reload
One-click copy to clipboard
Zero dependencies — single HTML file

Quick Start

Clone the repository
Open index.html in your browser
Paste a URL and click "Fetch"
Choose a citation format and copy

git clone https://github.com/soumendrak/citation-manager.git
cd citation-manager
open index.html

Citation Formats

Format	Example
Inline Link	`[Page Title](https://example.com) — Description`
Footnote	`Page Title[^1]` with footnote reference
Reference-style	`[Page Title][ref-id]` with link definition
APA	`Author. (2025). Page Title. Site Name. URL`
BibTeX	`@online{...}` entry

Project Structure

citation-manager/
├── index.html    # The complete application
├── logo.svg      # Project logo
├── LICENSE       # MIT License
└── README.md     # This file

Dark Theme

All projects in this suite share a consistent dark theme:

Token	Color	Usage
`--bg`	`#0f0f1a`	Page background
`--surface`	`#1a1a2e`	Cards, headers, panels
`--accent`	`#ff6b35`	Buttons, highlights, borders
`--text`	`#e0e0e0`	Body text

Contributing

Contributions welcome! Open an issue or submit a PR.