Skip to content

tfrere/research-article-template

Repository files navigation

title Bringing paper to life: A modern template for scientific writing
short_desc A practical journey behind training SOTA LLMs
emoji 📝
colorFrom blue
colorTo indigo
sdk docker
pinned false
header mini
app_port 8080
tags
research-article-template
research paper
scientific paper
data visualization
thumbnail https://tfrere-research-article-template.hf.space/thumb.auto.jpg

Research Article Template

A modern, interactive template for scientific writing that brings papers to life.

Interactive diagrams, math, citations, dark mode, PDF export - all with minimal setup.

Live demo & docs | License: CC BY 4.0 Hugging Face Spaces

Quick start

npx create-research-article my-paper

The CLI walks you through setup interactively:

  • Project name and basic metadata (title, authors, affiliations)
  • Template choice: article (full layout with banner, TOC, citations, figure numbering, PDF export) or paper (lighter centered single-column layout)
  • Hugging Face deployment (optional, auto-creates a Space if huggingface-cli is installed)

Then start writing:

cd my-paper/app
npm run dev              # dev server at localhost:4321

Deploy to Hugging Face

If you skipped the auto-deploy during setup, push manually:

# create a Docker Space at huggingface.co/new-space, then:
git remote add space [email protected]:spaces/<your-username>/<your-space>
git push space main

The project ships with Dockerfile, nginx config, and HF Space metadata ready to go.

Template variants

Set template in app/src/content/article.mdx frontmatter:

Value Layout Best for
article (default) Banner, sidebar TOC, figure numbering, citation block, PDF export Full research articles
paper Centered single column, no figure numbering, minimal footer Blog posts, lighter papers

External links (paper template)

The paper template supports external link buttons below the authors:

links:
  - label: "Paper"
    url: "https://arxiv.org/abs/..."
  - label: "Code"
    url: "https://github.com/..."
  - label: "Demo"
    url: "https://huggingface.co/spaces/..."

Title line breaks

Long titles are automatically balanced across lines. You can also force a line break with \n:

title: "Why Open-Source LLMs\nAre Reshaping the AI Landscape"

Titles longer than 60 characters are automatically downsized for readability.

Edit your content

File What
app/src/content/article.mdx Main article (metadata + chapter imports)
app/src/content/chapters/ Chapters (one .mdx per section)
app/src/content/bibliography.bib BibTeX references
app/src/content/embeds/ D3.js HTML visualizations
app/src/content/assets/image/ Images
app/src/content/assets/data/ CSV/JSON data files

Commands

Command What
npm run dev Dev server
npm run build Production build
npm run export:pdf Export as PDF
npm run export:latex Export as LaTeX
npm run sync:template Pull latest template updates

Alternative setup

Duplicate on Hugging Face
  1. Visit Research Article Template, click "Duplicate this Space"
  2. Clone: git clone [email protected]:spaces/<your-username>/<your-space>
  3. cd <your-space>/app && git lfs pull && npm install && npm run dev
Clone directly
git clone https://github.com/tfrere/research-article-template.git
cd research-article-template/app
git lfs install && git lfs pull
npm install && npm run dev

License

CC-BY-4.0 - Distill-inspired, built with Astro + MDX + D3.js.

Discussions | @tfrere

About

A modern, interactive template for scientific writing

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors