Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?


Failed to load latest commit information.
Latest commit message
Commit time
June 17, 2022 20:27
July 11, 2021 09:45
June 13, 2021 17:58
June 13, 2021 17:58
June 15, 2021 12:29



Flashcards with spaced repetition and gamification 🌱

Carden is a Chrome Extension that helps you turn the content you consume into long-term knowledge. Create flashcards in context, view in-depth stats, collect points and level up, and much more.

Get it now

Made by Anne-Laure Le Cunff & Alyssa X

Carden - Science-based flashcard app with spaced repetition | Product Hunt Featured on HackerNews

Table of contents


πŸ”¬ Practice using spaced repetition based on the evidence-based SM2 algorithm
✏️ Create flashcards in context whenever you read something interesting
πŸ—„οΈ Organize your flashcards into decks
πŸ† Collect points and level up as you practice and grow your knowledge
🧩 Cross-compatible with apps like Anki, Quizlet, Brainscape, and more
πŸ“¦ Import and export flashcards as .txt and .csv files
πŸ“Š View and download in-depth stats
...and much more!

Self-hosting Carden

You can run Carden locally without having to install it from the Chrome Store. Here's how:

  1. Download the code. In the web version of GitHub, you can do that by clicking the green "Code" button, and then "Download ZIP".
  2. Note that there's a server folder for the back-end. You will need to setup a server with a MySQL database.
  3. Add the appropriate credentials in config.php to access your database.
  4. Modify the access-control-allow-origin in all PHP files to allow requests from the extension (with its unique ID).
  5. Replace the POST URLs throughout the javascript files in the chrome-extension folder.
  6. Go to chrome://extensions/ in your browser, and enable developer mode.
  7. Drag the chrome-extension folder (make sure it's a folder and not a ZIP file, so unzip first), or click on the "Load unpacked" button and locate the folder.
  8. That's it, you will now be able to use Carden locally. Make sure you pin it on the toolbar by clicking the "puzzle" icon in the toolbar and pinning Carden.

Libraries used

  • jQuery - for better event handling and DOM manipulation
  • jQuery Nice Select - for better, more stylish dropdowns
  • Chart.js - for rendering the chart for the stats
  • ExtensionPay - for handling the yearly subscription
  • Twemoji - for the cool emojis throughout the extension ✨

Feel free to reach out to me through email at or on Twitter if you have any questions or feedback! Hope you find this useful πŸ’œ