Smart Card State for Templates

AnkiWeb addon 383260719

Automatically switches card layouts between new, learning, review, and relearning states by wrapping card HTML in state classes for CSS styling.
AI-generated summary; may contain mistakes.

card-templates

Open on AnkiWeb Find alternatives

AnkiWeb

Votes: 1 (👍 1 · 👎 0)
Updated: 2026-08-15
Anki versions: 2.1.66~
License: MIT (from the license file in the package)
Virus scan: No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages: Python, JSON
Description language: en

Maintenance

active

Last update or commit: 2026-08-15 (78 days before the snapshot).

GitHub

No GitHub repository linked.

Will it work on my Anki?

Version branches

Min Anki	Max Anki	Updated
2.1.20	2.1.66+	2026-08-15

History across monthly snapshots

Loading…

Similar addons

Bible Memorizer

Imports scripture verses as notes with multiple cards and lets you recite passages from memory, revealing verses at detail levels matching their learning state.

card-creation review-flow card-templates

Review and New added Heatmap fork

Displays a customizable GitHub-style heatmap on the Anki home screen, tracking reviews or newly added cards with tooltips, streak statistics, and clickable browser links.

statistics progress-tracking fork-or-reupload

Custom Answer Buttons - Add more answer buttons to your Anki!

Adds customizable reviewer buttons that reschedule cards using math expressions, multipliers, random ranges, midpoints, and target dates, with per-card visibility conditions, dynamic sorting, shortcuts, and optional native button takeover.

scheduling review-flow filtered-decks shortcuts appearance

Better Markdown Anki

Renders Anki flashcards with enhanced markdown, LaTeX math, syntax highlighting, theme-aware styling, and interactive cloze toggles via React-based note types.

formatting appearance card-templates cloze

SM-20 Custom Scheduler & Algorithm Arena

Brings experimental SM-2, SM-15, SM-19, SM-20, and FSRS v6 schedulers plus a weighted ensemble mode to Anki Desktop, with settings, prediction inspection, and optional optimization.

scheduling fsrs beta

Memory Mosaic 🟥🟨🟩🟦

Displays all cards as an interactive colored grid showing learning states or property gradients, with sorting, tooltips, click-to-browse, due indicators, progressive loading, and automatic updates.

statistics

Description

⚡ Smart Card State

Automatically switch your card layout between New (Learn) and Review (Recall) modes based on the card's current learning state.

What It Does

New Cards → Flashcard mode: show the definition and hints.
Review Cards → Quiz mode: fill-in-the-blank, hide hints.
Learn / Relearn Cards → Intermediate states for short-term learning steps.

The add-on wraps your card HTML inside a container with a state class, so you can style each state differently using plain CSS — no JavaScript required.

🚀 Quick 1-Step Setup

Paste this into your card template Styling (CSS) tab:

/* Hide fill-in box on NEW cards */
.state-new .fill-in-box { display: none; }

/* Hide hints on REVIEW cards */
.state-review .hint-box { display: none; }

Available States

.state-new → First time learning a card
.state-learn → Card currently in learning steps
.state-review → Graduated card in review cycle
.state-relearn → Card in relearning / lapse state

Data Attributes

In addition to the CSS classes, the wrapper exposes data attributes for advanced styling or scripting:

data-state → Current state: new, learn, review, relearn
data-reps → Number of times the card has been reviewed
data-card-id → The card's unique ID

Requirements

Supported: Anki 2.1.20+ to 26.x+ (Light & Dark mode).
License: MIT License.