{"id":23143602,"url":"https://github.com/sh20raj/showdowncss","last_synced_at":"2026-03-04T21:02:25.437Z","repository":{"id":233278795,"uuid":"786424223","full_name":"SH20RAJ/ShowdownCSS","owner":"SH20RAJ","description":"Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀","archived":false,"fork":false,"pushed_at":"2024-06-28T16:35:31.000Z","size":21,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-17T14:43:50.143Z","etag":null,"topics":["markdowncss","sh20raj","showdown","showdowncss","showdownjs"],"latest_commit_sha":null,"homepage":"https://sh20raj.github.io/ShowdownCSS/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SH20RAJ.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":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-04-14T12:26:31.000Z","updated_at":"2025-07-26T22:08:40.000Z","dependencies_parsed_at":"2024-06-28T18:07:29.309Z","dependency_job_id":null,"html_url":"https://github.com/SH20RAJ/ShowdownCSS","commit_stats":null,"previous_names":["sh20raj/showdowncss"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SH20RAJ/ShowdownCSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SH20RAJ%2FShowdownCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SH20RAJ%2FShowdownCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SH20RAJ%2FShowdownCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SH20RAJ%2FShowdownCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SH20RAJ","download_url":"https://codeload.github.com/SH20RAJ/ShowdownCSS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SH20RAJ%2FShowdownCSS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30092872,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T20:42:30.420Z","status":"ssl_error","status_checked_at":"2026-03-04T20:42:30.057Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["markdowncss","sh20raj","showdown","showdowncss","showdownjs"],"created_at":"2024-12-17T15:13:50.235Z","updated_at":"2026-03-04T21:02:25.420Z","avatar_url":"https://github.com/SH20RAJ.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ShowdownCSS 🎨\n\n[![License](https://img.shields.io/github/license/SH20RAJ/ShowdownCSS)](https://github.com/SH20RAJ/ShowdownCSS/blob/main/LICENSE)\n[![GitHub stars](https://img.shields.io/github/stars/SH20RAJ/ShowdownCSS)](https://github.com/SH20RAJ/ShowdownCSS/stargazers)\n[![GitHub issues](https://img.shields.io/github/issues/SH20RAJ/ShowdownCSS)](https://github.com/SH20RAJ/ShowdownCSS/issues)\n[![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2FSH20RAJ%2FShowdownCSS\u0026labelColor=%232ccce4\u0026countColor=%23ff8a65\u0026style=flat)](https://visitorbadge.io/status?path=https%3A%2F%2Fgithub.com%2FSH20RAJ%2FShowdownCSS)\n[![](https://data.jsdelivr.com/v1/package/gh/SH20RAJ/ShowdownCSS/badge)](https://www.jsdelivr.com/package/gh/SH20RAJ/ShowdownCSS)\n\nHey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀 \n\nSpice up your Markdown content! 🔥\n\n## Features\n\n- Styling for Markdown elements like headers, paragraphs, lists, code blocks, blockquotes, tables, links, and horizontal rules.\n- Different themes available, with the default one provided.\n\n## Installation\n\nYou can include ShowdownCSS in your project using a CDN:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css\"\u003e\n```\n\n## Usage 🤓\n\n1. First, make sure you have a Markdown file ready to go! 📄\n2. Include ShowdownCSS in your HTML file:\n\n    ```html\n    \u003chead\u003e\n      \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css\"\u003e\n    \u003c/head\u003e\n    ```\n\n3. Wrap your Markdown content in a div with the class `.showdowncontainer`:\n\n    ```html\n    \u003cdiv class=\"showdowncontainer\"\u003e\n      \u003c!-- Your Markdown content goes here! --\u003e\n    \u003c/div\u003e\n    ```\n\n4. That's it! 🎉 Your Markdown content inside `.showdowncontainer` will now be styled beautifully by ShowdownCSS!\n\n## Example 🌈\n\nHere's a quick example of how to use ShowdownCSS:\n\n\u003e You can also use version specific cdn like `https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@d13e0cf619eaf668450c40fcf71afb9691f7e051/showdown.css` -\u003e Create it from [jsDelivr](https://www.jsdelivr.com/github).\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eShowdownCSS Example\u003c/title\u003e\n  \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css\"\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\"showdowncontainer\"\u003e\n  \u003ch1\u003eHello, Markdown! 👋\u003c/h1\u003e\n  \n  \u003cp\u003eThis is **bold** and this is *italic*.\u003c/p\u003e\n  \n  \u003cul\u003e\n    \u003cli\u003eItem 1\u003c/li\u003e\n    \u003cli\u003eItem 2\u003c/li\u003e\n    \u003cli\u003eItem 3\u003c/li\u003e\n  \u003c/ul\u003e\n  \n  \u003cblockquote\u003eThis is a blockquote. 🗣️\u003c/blockquote\u003e\n  \n  \u003cpre\u003e\u003ccode class=\"language-javascript\"\u003efunction hello() {\n    console.log(\"Hello, World!\");\n  }\u003c/code\u003e\u003c/pre\u003e\n  \n  \u003cp\u003eThat's it! Your Markdown is now styled! 🎉\u003c/p\u003e\n\u003c/div\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Themes 🎨\n\nShowdownCSS comes with different themes for your Markdown content. You can easily switch themes by including the theme CSS file:\n\n### Default Theme\n\nThe default theme is applied automatically when you include `showdown.css`.\n\n### Dark Theme\n\nTo use the Dark Theme, include the following CSS file:\n\nSee Demo on [Codepen](https://codepen.io/SH20RAJ/pen/QWRrvBj)\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/themes/dark-theme.css\"\u003e\n```\n\n### Custom Themes\n\nShowdownCSS welcomes contributions! If you're eager to add your own theme, feel free to contribute to the project by adding your theme file to the `themes` directory. \n\n### Live Demo:\n\nCheck out the live demo on [CodePen](https://codepen.io/SH20RAJ/pen/vYMapOr?editors=1000) or visit our [GitHub repository](https://github.com/SH20RAJ/ShowdownCSS) or [Dev.to post](https://dev.to/sh20raj/showdowncss-style-html-created-by-showdownjs-2lia) to learn more, explore the themes, and contribute your own ideas. 🌈\n\n### Demo 🌐\n\nCheck out the [demo](https://sh20raj.github.io/ShowdownCSS/) to see ShowdownCSS in action! - (https://sh20raj.github.io/ShowdownCSS/)_\n\n## About the Author 💡\n\nShowdownCSS is created with ❤️ by [Sh Raj](https://twitter.com/SH20RAJ).\n\nIf you have any feedback, suggestions, or questions, feel free to reach out on Twitter [@sh20raj](https://twitter.com/SH20RAJ)!\n\nEnjoy your beautifully styled Markdown with ShowdownCSS! 🌟\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsh20raj%2Fshowdowncss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsh20raj%2Fshowdowncss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsh20raj%2Fshowdowncss/lists"}