Card Style Designer

AnkiWeb addon 80251399

Redesigns Anki card HTML and CSS through a GUI with drag-and-drop field layout, preset themes, color, typography, layout controls, live preview, and autosave.
AI-generated summary; may contain mistakes.

formattingappearancecard-templatesmobile-compatible

Open on AnkiWeb Find alternatives

AnkiWeb

Votes
0 (πŸ‘ 0 Β· πŸ‘Ž 0)
Updated
2026-07-26
Anki versions
2.1.1~
License
Not found (this does not mean that the addon has no license)
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
id

Maintenance

active

  • Last update or commit: 2026-07-26 (98 days before the snapshot).

GitHub

No GitHub repository linked.

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.1+2026-07-26
History across monthly snapshots

Loading…

Similar addons

Anki Image Reshaper

Automatically resizes and aligns images pasted or drag-dropped into Anki's editor using configurable strategies, with deck-specific defaults and toolbar controls.

card-creationformattingappearance

1 votes 21% approval πŸ‘ 1 Β· πŸ‘Ž 0 ⭐ 0 Anki 2.1.66~ Updated 2025-12-28
Drag Drop

Creates interactive drag-and-drop flashcards where you label images or sort items into categories, with instant feedback, shuffling, theme and layout options, across Anki Desktop, AnkiDroid and AnkiMobile.

card-creationappearancecard-templatesquizmobile-compatible

3 votes 44% approval πŸ‘ 3 Β· πŸ‘Ž 0 ⭐ 1 Anki 25.07~ Updated 2026-10-02

Description

Card Style Designer (Tanpa Kode)

Desain ulang tampilan kartu Anki (HTML & CSS) langsung lewat GUI β€” tanpa perlu buka Card Types dan ketik kode manual.

πŸ—‚οΈ Susunan Field

  • Centang field yang mau tampil di sisi Depan & Belakang
  • Urutan diatur dengan cara di-drag, bukan edit kode
  • Bisa tampilkan atau sembunyikan nama field sebagai label

🎨 Tema Siap Pakai

  • 6 tema: Minimalis, Dark Mode, Colorful/Ceria, Rounded Card, Akademis, Kartu Ujian
  • Pilih dari dropdown untuk langsung mengganti seluruh gaya kartu

πŸ–ŒοΈ Kustomisasi Warna

  • Warna latar halaman, latar kartu, teks, dan aksen/label
  • Warna khusus untuk isi jawaban
  • Warna latar khusus untuk sisi Jawaban (berbeda dari sisi Depan)

πŸ”€ Tipografi

  • Font, ukuran huruf, dan perataan teks yang bisa diatur bebas
  • Perataan teks khusus untuk sisi Jawaban
  • Line-height dan ukuran huruf label yang terpisah dari isi
  • Opsi teks tebal (bold) atau miring (italic) untuk jawaban

πŸ“¦ Layout & Bentuk Kartu

  • Lebar maksimal kartu, padding, dan jarak antar field
  • Sudut lengkung, bingkai (warna + ketebalan), dan efek bayangan
  • Mode kotak/badge untuk tiap field
  • Gaya garis pemisah Depan/Belakang: solid, dashed, atau dotted
  • Batas tinggi maksimal untuk gambar di dalam kartu

πŸ‘οΈ Preview Real-Time

  • Pratinjau sisi Depan & Belakang yang update otomatis
  • Navigasi untuk melihat contoh kartu asli dari deck kamu sendiri

πŸ’Ύ Tersimpan Otomatis

Pengaturan disimpan otomatis per Note Type dan Template, jadi tidak hilang saat dialog ditutup.

Klik "Terapkan ke Card Type" untuk langsung menghasilkan HTML & CSS asli yang tetap kompatibel dengan sync ke AnkiWeb dan AnkiMobile.

Kompatibel dengan Anki 2.1.45 ke atas.