ankieditor — Card Template Editor

Edit Template

Selected: Whole card

Text Style

px

Card

px

Add Elements

Field sample values
⣿

Card

💡 Click the part of the card you want to change, then adjust the style on the left. Click empty space to target the whole card.

Style Anki Cards Without Writing Code

ankieditor is a tool for editing and customizing Anki card templates without touching HTML/CSS. I built it myself after getting tired of searching every time I needed to tweak one line of my own Anki templates. Click the part of the card you want to change, pick a font or color, and the updated code is generated instantly — just copy it and paste it into Anki's Card Types screen and you're done. Your templates are stored only in the browser you're using now, and never sent to a server.

GuideA step-by-step guide for first-time users — from importing a template to pasting it back into Anki Anki TipsA collection of formatting tips to make your cards easier to read FAQFrequently asked questions — where your data is stored, supported versions, and more

How to use it

  1. Copy your template from Anki — In Anki, open Tools → Manage Note Types → Cards... and copy the contents of the three panes: Front Template, Back Template, and Styling.
  2. Paste it into the editor — Click [Import] at the bottom of the screen, paste each piece into its matching field, and click [Load]. If you have never edited a template before, you can start straight from a built-in preset such as Basic or Cloze.
  3. Click and change — Click the part of the card you want to change in the preview on the right, then pick a font, size, color, alignment, or line spacing in the panel on the left. Click an empty area to target the whole card.
  4. Paste it back into Anki — Use [Copy Code] to copy the Front Template, Back Template, and Styling one at a time, paste each into the matching pane in Anki, and save. That's it.

If you would rather follow along with pictures, see the walkthrough with screenshots.

What you can change

Good to know before you start

Do I edit the card content here too?

No. Card content — the word or its meaning, for example — is edited by opening the note in Anki. ankieditor works on the template: the font, color, and layout that content is displayed with. Change a template once and it applies to every card that uses the same note type.

Do I need to sign up or install anything?

Neither. You use it right on this page, and your templates are stored only in the browser you are using now. They will not show up on another computer, so keep a separate copy of any template you care about with [Copy Code].

Does it apply to Anki on my phone too?

Templates live inside the note type, so once you paste the code into Anki on your computer and sync, it follows the same note type to your other devices. The menu instructions are based on Anki desktop 23.10 and later.

Other questions are collected in the FAQ.