Ametrine

A modern digital garden built with Astro, featuring wikilinks, backlinks, graph visualization, and full-text search.

• Wikilink Support: Use [[Page Name]] syntax to link between notes
• Backlinks: Automatically see which pages link to the current page
• Graph Visualization: Interactive D3 force-directed graph of note connections
• Full-Text Search: Fast search across all notes with Cmd+K shortcut
• Table of Contents: Auto-generated TOC with scroll highlighting
• Tags: Organize notes with tags and browse by tag
• Dark Mode: System-aware theme with manual toggle
• Responsive: Three-column layout that adapts to screen size
• Fast: Built with Astro for optimal performance
• Smart Caching: LocalStorage caching prevents layout jitter

/
├── public/              # Static assets (favicon, images)
├── src/
│   ├── components/      # Astro and React components
│   ├── content/
│   │   ├── vault/       # Your notes (.md), bases (.base), canvases (.canvas)
│   │   └── bibliography.bib  # Citation references
│   ├── layouts/         # Page layouts
│   ├── pages/           # Routes and API endpoints
│   ├── plugins/         # Remark/Rehype plugins
│   ├── styles/          # Global CSS
│   ├── utils/           # Utility functions
│   └── config.ts        # Site configuration
└── package.json

All commands are run from the root of the project, from a terminal:

After cloning this template, customize it for your site:

• Update site title, description, and logo in src/config.ts
• Modify footer links in src/config.ts
• Customize theme colors and typography in src/config.ts
• Replace logo in public/ametrine.png
• Delete or replace example notes in src/content/vault/
• Update baseUrl in src/config.ts for production deployment

• Edit src/config.ts to change site title, theme, and typography
• Customize styles in src/styles/global.css

Build your site for production:

bun run build

Deploy the ./dist/ folder to any static hosting service (Vercel, Netlify, Cloudflare Pages, etc.)

Inspired by Quartz

MIT