{"id":18035573,"url":"https://github.com/unburn/musicard","last_synced_at":"2025-04-07T11:10:51.478Z","repository":{"id":184817414,"uuid":"672525289","full_name":"unburn/musicard","owner":"unburn","description":"Musicard is a futuristic music card canvas library","archived":false,"fork":false,"pushed_at":"2024-08-01T12:19:28.000Z","size":20921,"stargazers_count":86,"open_issues_count":3,"forks_count":27,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-31T10:05:20.195Z","etag":null,"topics":["canvas","discord-canvas","lavalink","music","music-bot-discord","music-card","music-card-discord","node-canvas","spotify","unburn","youtube"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/unburn.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-30T11:38:05.000Z","updated_at":"2025-02-08T00:35:51.000Z","dependencies_parsed_at":"2023-07-31T04:25:12.091Z","dependency_job_id":"f5357158-c53e-4f7c-b166-c45a2b94d547","html_url":"https://github.com/unburn/musicard","commit_stats":{"total_commits":57,"total_committers":5,"mean_commits":11.4,"dds":"0.17543859649122806","last_synced_commit":"1b8d469e4352566d0686c1711e658fc0bae51978"},"previous_names":["a3pire/musicard.js","a3pire/musicard","burnxpofficial/musicard"],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unburn%2Fmusicard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unburn%2Fmusicard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unburn%2Fmusicard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unburn%2Fmusicard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unburn","download_url":"https://codeload.github.com/unburn/musicard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247367354,"owners_count":20927709,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","discord-canvas","lavalink","music","music-bot-discord","music-card","music-card-discord","node-canvas","spotify","unburn","youtube"],"created_at":"2024-10-30T12:08:42.634Z","updated_at":"2025-04-07T11:10:51.457Z","avatar_url":"https://github.com/unburn.png","language":"TypeScript","funding_links":["https://github.com/sponsors/flameface"],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://ik.imagekit.io/unburn/Musicard.svg\" /\u003e\n\n\u003cp align=\"center\"\u003eMusicard is one of the best canvas libraries to create a variety of music cards.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/unburn/musicard/\"\u003e\u003cb\u003eGithub\u003c/b\u003e\u003c/a\u003e •\n    \u003ca href=\"https://discord.gg/66uGX7t4ww\"\u003e\u003cb\u003eSupport\u003c/b\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![NPM Version](https://img.shields.io/npm/v/musicard?style=flat-square\u0026color=%23FF7A00)](https://www.npmjs.com/package/musicard)\n[![NPM Downloads](https://img.shields.io/npm/dw/musicard?style=flat-square\u0026color=%23FF7A00)](https://www.npmjs.com/package/musicard)\n[![NPM License](https://img.shields.io/npm/l/musicard?style=flat-square\u0026color=%23FF7A00)](https://github.com/unburn/musicard/blob/main/LICENSE)\n[![GitHub Repo stars](https://img.shields.io/github/stars/unburn/musicard?style=flat-square\u0026color=%23FF7A00)](https://github.com/unburn/musicard)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://github.com/sponsors/flameface\"\u003e\u003cimg src=\"https://ik.imagekit.io/unburn/SupportMusicard.svg\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n# Installation\n\n```js\n// using npm\nnpm install musicard\n\n// using yarn\nyarn add musicard\n```\n\n# Usage\n\nYou can use the Musicard package in your Discord bots, websites, etc.\n\n## Using Create File\n\n```js\nimport { Classic } from 'musicard';\nimport fs from 'fs';\n\n//OR\n\nconst { Classic } = require('musicard');\nconst fs = require('fs');\n\nClassic({}).then(x =\u003e {\n    fs.writeFileSync('output.png', x);\n});\n```\n\n## Using Discord Bot\n\n```js\nconst { Classic } = require(\"musicard\");\nconst fs = require(\"fs\")\n\nconst musicard = await Classic({});\n\n...\n\nreturn message.channel.send({\n    files: [{\n        attachment: musicard\n    }]\n})\n```\n\n## Custom Background (New)\n\nUse a custom image background and also adjust the darkness of the image.\n\n```js\nimport { Classic } from 'musicard';\nimport fs from 'fs';\n\nClassic({\n    thumbnailImage:\n        'https://cdn.discordapp.com/attachments/1220001571228880917/1220001571690123284/01.png?ex=660d5a01\u0026is=65fae501\u0026hm=a8cfb44844e61aa0fd01767cd363af048df28966c30d7b04a59f27fa45cf69c4\u0026',\n    backgroundImage:\n        'https://cdn.discordapp.com/attachments/1220001571228880917/1220001571690123284/01.png?ex=660d5a01\u0026is=65fae501\u0026hm=a8cfb44844e61aa0fd01767cd363af048df28966c30d7b04a59f27fa45cf69c4\u0026',\n    imageDarkness: 60,\n    nameColor: '#DC92FF',\n    progressColor: '#DC92FF',\n    progressBarColor: '#2B2B2B',\n    progress: 50,\n}).then(x =\u003e {\n    fs.writeFileSync('output.png', x);\n});\n```\n\n![custom](https://ik.imagekit.io/unburn/custom-output.png?updatedAt=1710995171966)\n\n# Themes\n\nMusicard is the #1 canvas library to create music cards with awesome themes.\n\n## Classic\n\n![classic](https://ik.imagekit.io/unburn/Classic.svg)\n\n```js\n(async () =\u003e {\n    const { Classic } = require('musicard');\n    const fs = require('fs');\n\n    const musicard = await Classic({\n        thumbnailImage:\n            'https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj',\n        backgroundColor: '#070707',\n        progress: 10,\n        progressColor: '#FF7A00',\n        progressBarColor: '#5F2D00',\n        name: 'Burn',\n        nameColor: '#FF7A00',\n        author: 'By 2WEI \u0026 Edda Hayes',\n        authorColor: '#696969',\n        startTime: '0:00',\n        endTime: '4:00',\n        timeColor: '#FF7A00',\n    });\n\n    fs.writeFileSync('musicard.png', musicard);\n})();\n```\n\n---\n\n## Classic Pro\n\n![classicpro](https://ik.imagekit.io/unburn/ClassicPro.svg)\n\n```js\n(async () =\u003e {\n    const { ClassicPro } = require('musicard');\n    const fs = require('fs');\n\n    const musicard = await ClassicPro({\n        thumbnailImage:\n            'https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj',\n        backgroundColor: '#070707',\n        progress: 10,\n        progressColor: '#FF7A00',\n        progressBarColor: '#5F2D00',\n        name: 'Burn',\n        nameColor: '#FF7A00',\n        author: 'By 2WEI \u0026 Edda Hayes',\n        authorColor: '#696969',\n        startTime: '0:00',\n        endTime: '4:00',\n        timeColor: '#FF7A00',\n    });\n\n    fs.writeFileSync('musicard.png', musicard);\n})();\n```\n\n---\n\n## Dynamic\n\n![dynamic](https://ik.imagekit.io/unburn/Dynamic.svg)\n\n```js\n(async () =\u003e {\n    const { Dynamic } = require('musicard');\n    const fs = require('fs');\n\n    const musicard = await Dynamic({\n        thumbnailImage:\n            'https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj',\n        backgroundColor: '#070707',\n        progress: 10,\n        progressColor: '#FF7A00',\n        progressBarColor: '#5F2D00',\n        name: 'Burn',\n        nameColor: '#FF7A00',\n        author: 'By 2WEI \u0026 Edda Hayes',\n        authorColor: '#696969',\n    });\n\n    fs.writeFileSync('musicard.png', musicard);\n})();\n```\n\n---\n\n## Mini\n\n![mini](https://ik.imagekit.io/unburn/Mini.svg)\n\n```js\n(async () =\u003e {\n    const { Mini } = require('musicard');\n    const fs = require('fs');\n\n    const musicard = await Mini({\n        thumbnailImage:\n            'https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj',\n        backgroundColor: '#070707',\n        progress: 10,\n        progressColor: '#FF7A00',\n        progressBarColor: '#5F2D00',\n        menuColor: '#FF7A00',\n        paused: false,\n    });\n\n    fs.writeFileSync('musicard.png', musicard);\n})();\n```\n\n---\n\n## Upcoming\n\n![Upcoming](https://ik.imagekit.io/unburn/Upcoming.svg)\n\n```js\n(async () =\u003e {\n    const { Upcoming } = require('musicard');\n    const fs = require('fs');\n\n    const musicard = await Upcoming({\n        thumbnailImage: 'https://img.youtube.com/vi/lmG0kY9FtRY/maxresdefault.jpg',\n        backgroundImage: fs.readFileSync('bg.png'),\n        imageDarkness: 70,\n        author: 'Testing by UG',\n        title: 'Bad Boy (feat. Luana Kiara)',\n        trackIndexBackgroundRadii: [10, 20, 30, 40, 50, 60, 70, 80, 80, 100],\n    });\n\n    fs.writeFileSync('musicard.png', musicard);\n})();\n```\n\n# Resource\n\nPull request to add your project here.\n\n| Riffy Music Bot | https://github.com/riffy-team/riffy-music-bot |\n| --------------- | --------------------------------------------- |\n\n# Licence\n\n[GPL](https://github.com/unburn/musicard/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funburn%2Fmusicard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funburn%2Fmusicard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funburn%2Fmusicard/lists"}