# Material-based Anki flashcard **URL:** \ **Category:** Card Design\ **Created:** [April 19, 2023, 11:30am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493 "2023-04-19T11:30:05Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![cdmoro](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/cdmoro/32/14059_2.png) [@cdmoro](https://forums.ankiweb.net/u/cdmoro)\ **Post date:** [April 19, 2023, 11:30am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/1 "2023-04-19T11:30:05Z")
Hey there! I wanted to share with you a project that I´ve been working on for a while. My goal was to create a fresh new Anki flashcard design, with variants and features. The flashcards were tested in Android, Windows and macOS. The idea is to have a super simple flashcard (front and back fields) and at the same time flexible if I need to create some complex ones. Since it’s not allowed to paste links the only thing I can do is to share a few screenshots, I suppose I can share the link to the github repo via DM ☹ Anyways, hope you like the screenshots! Basic card light theme ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/4/4407c196862977e993ca17bf87da1578d777e735.png) Dark theme (yellow variant) with an emoji in the header and a section with pills ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/f/f0dd0a706dd50ee0578e4e14a02c8c3d8c6a65cd.png) Light theme (base variant), header, wide-image, audio and a hint. ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/8/8e9bd97b5e49b74c7fccb3b466510465fa42858b.jpeg) Light theme (blue variant), sub-header, audio and a Pronunciation section. ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/3/339b3e90535fa0aaee0a65c3c7d88c110abe9897.png) Pink card with complex structure ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/3/3ffe4054385bb3e19ce5f58ee58d282d22012147.png) ---
**Author:** ![tatsumoto](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/tatsumoto/32/5411_2.png) [@tatsumoto](https://forums.ankiweb.net/u/tatsumoto)\ **Post date:** [April 19, 2023, 12:05pm UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/2 "2023-04-19T12:05:47Z")
> [@cdmoro](#): > > it’s not allowed to paste links Really? Did they change something in the way the forum works? In the past you could paste a link by using markdown syntax, e.g. `[link](https://example.com/)`. ---
**Author:** ![jojo55](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/jojo55/32/13703_2.png) [@jojo55](https://forums.ankiweb.net/u/jojo55)\ **Post date:** [April 20, 2023, 4:36am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/3 "2023-04-20T04:36:42Z")
I believe your account has to not be brand new in order to post links. I love seeing new card designs/templates and saw your post on reddit as well. You’re doing a great job! I like how many options you have. Here is the link you posted on reddit: [Anki Material Flashcard](https://github.com/cdmoro/anki-material-flashcard) ---
**Author:** ![cdmoro](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/cdmoro/32/14059_2.png) [@cdmoro](https://forums.ankiweb.net/u/cdmoro)\ **Post date:** [April 20, 2023, 6:32am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/4 "2023-04-20T06:32:39Z")
Yep, you are right, new accounts can’t post links. I’m glad you like the design 😀 I think it would be nice to have a curated list of card styles. Thanks for share the link! ---
**Author:** ![cdmoro](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/cdmoro/32/14059_2.png) [@cdmoro](https://forums.ankiweb.net/u/cdmoro)\ **Post date:** [April 20, 2023, 6:35am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/5 "2023-04-20T06:35:35Z")
It seems new account can’t post links… But @jojo55 shared the link to the repo if you want to take a look 🙂 ---
**Author:** ![szalejot](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/szalejot/32/16310_2.png) [@szalejot](https://forums.ankiweb.net/u/szalejot)\ **Post date:** [April 20, 2023, 8:49am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/6 "2023-04-20T08:49:00Z")
Hi @cdmoro Do I understand correctly, that for those templates to work “out of the box” the note needs to have 2 fields: “Front” and “Back”? What about notes that have multiple fields and create a few cards templates out of it? Do you plan to support such more complex cards in the future? ---
**Author:** ![cdmoro](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/cdmoro/32/14059_2.png) [@cdmoro](https://forums.ankiweb.net/u/cdmoro)\ **Post date:** [April 20, 2023, 9:23am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/7 "2023-04-20T09:23:50Z")
Hey! Even tough it works out-of-the-box with simple cards (front and back), it was meant to support complex cards (you can take a look at the Codepen examples that is in the link that @jojo55 shared, I can’t post links yet). It supports hints, header, subheader, subtitles, images, wide-images, pills, etc. But you need to tweak the templates in order to include those things (the good news is that I created classes for all these things). I can include a section in the repo with real code examples. This is a good example of a modified shared deck (the deck is “Greek alphabet with Modern Greek pronunciation” - I can’t post links). As you can see, the back template is not extremely complex and the result is pretty decent 🙂 Front ```auto
{{Symbol (front)}}
``` Back template ```auto
{{FrontSide}}
{{Name (back)}} [{{Number (back)}}] {{Audio (back)}}
Modern Greek
{{Modern Greek pronunciation (back)}}
Classic Greek
{{Classic Greek pronunciation (back)}}
``` ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/2/2447d783ead1d8953bc13bc5e8098de5312403ad.jpeg) ---
**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\ **Post date:** [May 20, 2023, 9:23am UTC](https://forums.ankiweb.net/t/material-based-anki-flashcard/29493/8 "2023-05-20T09:23:53Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.