596 lines
32 KiB
HTML
596 lines
32 KiB
HTML
<h1 id="awesome-readme-awesome">Awesome README <a
|
||
href="https://github.com/sindresorhus/awesome#readme"><img
|
||
src="https://cdn.jsdelivr.net/gh/sindresorhus/awesome@d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<blockquote>
|
||
<p>A curated list of awesome READMEs
|
||
<img src="icon.png" align="right"/></p>
|
||
</blockquote>
|
||
<p>Elements in beautiful READMEs include, but are not limited to:</p>
|
||
<p>images, screenshots, GIFs, text formatting, etc.</p>
|
||
<h2 id="examples">Examples</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Abblix/Oidc.Server#readme">Abblix/Oidc.Server</a>
|
||
- Project banner with informative badges. Clear project description,
|
||
certification details with informative tables, and unicode icons.
|
||
Detailed installation guide, links to comprehensive documentation and a
|
||
getting started guide, and licensing information. Easy navigation with a
|
||
table of contents for quick access to all sections.</li>
|
||
<li><a href="https://github.com/ai/size-limit#readme">ai/size-limit</a>
|
||
- Project logo, clear description, screenshot, step-by-step installing
|
||
instructions.</li>
|
||
<li><a
|
||
href="https://github.com/aimeos/aimeos-typo3#readme">aimeos/aimeos-typo3</a>
|
||
- Project logo. Clear description of what the project does. Demo
|
||
screenshot. TOC for easy navigation. Easy installation and setup
|
||
sections with screenshots. Links for further reading.</li>
|
||
<li><a
|
||
href="https://github.com/alichtman/shallow-backup#readme">alichtman/shallow-backup</a>
|
||
- Clear description of what the project does. GIF Demo. TOC for easy
|
||
navigation. Badges. Links for further reading. Simple install
|
||
instructions.</li>
|
||
<li><a
|
||
href="https://github.com/alichtman/stronghold#readme">alichtman/stronghold</a>
|
||
- Project logo. Clear description of what the project does. GIF Demo.
|
||
TOC for easy navigation. Badges. Links for further reading. Simple
|
||
install instructions.</li>
|
||
<li><a
|
||
href="https://github.com/amitmerchant1990/electron-markdownify#readme">amitmerchant1990/electron-markdownify</a>
|
||
- Project logo. Minimalist description of what it is. GIF demo of the
|
||
project. Key features. How to install guide. Credits.</li>
|
||
<li><a
|
||
href="https://github.com/amplication/amplication#readme">amplication/amplication</a>
|
||
- Clear project logo. Brief explanation. All features explained. Clean
|
||
documentation. Useful links (website, docs, discord). List of
|
||
contributors with their pictures and usernames.</li>
|
||
<li><a
|
||
href="https://github.com/ankitwasankar/mftool-java#readme">ankitwasankar/mftool-java</a>
|
||
- Project logo with a short display of what can be achieved with it, TOC
|
||
for easy navigation, important badges, clean installation guide, and
|
||
multiple code snippets showing how to use the functionality.</li>
|
||
<li><a
|
||
href="https://github.com/AntonioFalcaoJr/EventualShop#readme">AntonioFalcaoJr/EventualShop</a>
|
||
- The project has a logo and well-defined sections such as: information
|
||
about the project, the architectural solution, along with reference
|
||
links such as articles, videos, and documentation. It explains how to
|
||
run the project in different environments (development and production).
|
||
It has documented load tests, it also describes which technologies are
|
||
used, and it has diagrams for the archetype.</li>
|
||
<li><a
|
||
href="https://github.com/aregtech/areg-sdk#readme">aregtech/areg-sdk</a>
|
||
- Logo. Multiple info and statistics badges. List of contributors and
|
||
stargazers with pictures. TOC and “Back to top” links for easy
|
||
navigation. Headlines with graphics. Topic hide/show menu. Project
|
||
description and philosophy. Clone and integration instructions. Quick
|
||
build with multiple tools. Tools configuration instructions. Reference
|
||
to examples and Demo projects. Reference to use cases. References to
|
||
guidance and Wiki pages. Links with badges to contact. Links with badges
|
||
to share the project on social networks.</li>
|
||
<li><a
|
||
href="https://github.com/ArmynC/ArminC-AutoExec/#readme">Armync/Arminc-AutoExec</a>
|
||
- Rich Markdown functions, modern layout, clear description, and
|
||
compliance with the recommended community standards.</li>
|
||
<li><a
|
||
href="https://github.com/athityakumar/colorls#readme">athityakumar/colorls</a>
|
||
- Multiple badges. Clean screenshots. Simple install instructions. TOC
|
||
for easy navigation. Good contributor guidelines.</li>
|
||
<li><a
|
||
href="https://github.com/brenocq/implot3d#readme">brenocq/implot3d</a> -
|
||
Project banner with GIFs. Link to online demo. Multiple CI badges.
|
||
Dynamic roadmap with auto-updating SVGs that reflect feature discussions
|
||
in real-time, powered by GitHub Actions. Displays the 5 most recent
|
||
discussions with clickable images for quick access. Clean,
|
||
well-structured layout with intuitive navigation and star history.</li>
|
||
<li><a
|
||
href="https://github.com/CCOSTAN/Home-AssistantConfig#readme">ccostan/Home-AssistantConfig</a>
|
||
- Project Banner. Badges. Easy navigation.</li>
|
||
<li><a href="https://github.com/choojs/choo#readme">choojs/choo</a> -
|
||
Badges, clean, clear. Beautiful little menu above the fold with useful
|
||
links. An FAQ inside of it for the main questions. Backers. Good
|
||
language.</li>
|
||
<li><a
|
||
href="https://github.com/chroline/well_app#readme">chroline/well_app</a>
|
||
- Features attention-grabbing project thumbnail with clean badges, as
|
||
well as download information and quick navigation links. Organized into
|
||
multiple descriptive sections, each of which have a title with a yellow
|
||
emoji. Includes details about the project itself, as well as the
|
||
technologies used and how to contribute.</li>
|
||
<li><a
|
||
href="https://github.com/create-go-app/cli#readme">create-go-app/cli</a>
|
||
- Clean project logo. Useful badges (version, code style, test cover,
|
||
docs). Clear readme with quickstart, understandable installation and
|
||
usage manual, video screencast, ToC with well-documented project
|
||
features (with a demo recording of the work in the terminal), project
|
||
philosophy notes (“the why another”), most frequently asked questions,
|
||
and more.</li>
|
||
<li><a href="https://github.com/Day8/re-frame#readme">Day8/re-frame</a>
|
||
- Badges, logo, TOC, etc. Stands out by being a giant, well-written
|
||
essay about the tech, how to use it, the philosophy behind it, and how
|
||
it fits into the greater ecosystem.</li>
|
||
<li><a
|
||
href="https://github.com/dbt-labs/dbt-core#readme">dbt-labs/dbt-core</a>
|
||
- Project banner, super clear description (friendly to people brand new
|
||
to the product), screenshot of the docs the tool generates, and concise
|
||
links to other comprehensive pages explaining Getting Started, Joining
|
||
the dbt Community, Bug Reports, Code Contribution, and Code of
|
||
Conduct</li>
|
||
<li><a
|
||
href="https://github.com/dowjones/react-dropdown-tree-select#readme">dowjones/react-dropdown-tree-select</a>
|
||
- Clear readme with GIF screenshot for quick demo. Multiple badges,
|
||
concise ToC, online playground, storybook, detailed description and
|
||
more.</li>
|
||
<li><a
|
||
href="https://github.com/dutrevis/spark-resources-metrics-plugin#readme">dutrevis/spark-resources-metrics-plugin</a>
|
||
- Highlights an interactive Mermaid diagram in the Developer section,
|
||
showcasing the code architecture. Has a patch-inspired logo, useful
|
||
badges (CI, coverage, version links), and a concise ToC. Installation
|
||
section is well-organized with expandable blocks for different
|
||
scenarios. Usage section covers current functionalities and examples,
|
||
also with expandable blocks. Includes technology badges, and also prior
|
||
art and next steps sections.</li>
|
||
<li><a
|
||
href="https://github.com/EduardaSRBastos/my-essential-toolbox#readme">EduardaSRBastos/my-essential-toolbox</a>
|
||
- Project screenshot and informative badges. Clear project description.
|
||
TOC for easy navigation. Well-structured sections detailing included
|
||
tools by category. Performance score with screenshots. Contribution
|
||
guidelines and license information.</li>
|
||
<li><a
|
||
href="https://github.com/emalderson/ThePhish#readme">emalderson/thephish</a>
|
||
- Project logo, informative badges, useful TOC, clear description,
|
||
screenshots, step-by-step installation and configuration guide,
|
||
contributor guidelines, code of conduct, UML diagrams, coherent tags,
|
||
issue and pull request templates, well-documented and well-commented
|
||
code, examples.</li>
|
||
<li><a
|
||
href="https://github.com/eylon-44/Buzz-OS#readme">eylon-44/Buzz-OS</a> -
|
||
Project logo. Colorful emojis. GIFs for project demo, examples, and
|
||
instructions. Fast and simple copy-paste instructions for installation
|
||
and usage. Pretty table of contents. A quick overview of project’s main
|
||
features.</li>
|
||
<li><a
|
||
href="https://github.com/github-changelog-generator/github-changelog-generator#readme">github-changelog-generator/github-changelog-generator</a>
|
||
- TOC for easy navigation. Concise project description. Installation and
|
||
usage sections. Output example. Great feature overview. List of
|
||
alternatives. FAQ.</li>
|
||
<li><a
|
||
href="https://github.com/gitpoint/git-point#readme">gitpoint/git-point</a>
|
||
- Clear description. Project Logo. App Store logos. TOC. Clean
|
||
screenshots. List of features. Detailed installation process. Landing
|
||
Page.</li>
|
||
<li><a href="https://github.com/gofiber/fiber#readme">gofiber/fiber</a>
|
||
- Clean project logo. Useful badges and links (languages switcher, code
|
||
style, test cover, docs, Discord channel). Clear description of what the
|
||
project does with quickstart, benchmark charts, well-documented code
|
||
examples (with the ability to hide long content), project philosophy
|
||
notes (“the why of project”), tables with project addons, list of
|
||
contributors, star growth statistics, and more.</li>
|
||
<li><a
|
||
href="https://github.com/gowebly/gowebly#readme">gowebly/gowebly</a> -
|
||
Clean project banner with logo. Useful badges and links (languages
|
||
switcher, test cover, docs). Clear description of what the project does
|
||
with quickstart, understandable feature list, links to the introduction
|
||
video and article, well-documented CLI command examples, project
|
||
philosophy notes (“motivation to create”), tables with project
|
||
components, links to addons and helpers, list of stargazers, and
|
||
more.</li>
|
||
<li><a
|
||
href="https://github.com/Grigorij-Dudnik/Clean-Coder-AI#readme">Grigorij-Dudnik/Clean-Coder-AI</a>
|
||
- Crazy project trailer video. Beautiful logo, explanatory motion gifs.
|
||
Nice badges, and schema describing the framework’s principle of work.
|
||
List of stargazers. Clear description of what project does.</li>
|
||
<li><a
|
||
href="https://github.com/GTruf/Driver-Drowsiness-Detector#readme">GTruf/Driver-Drowsiness-Detector</a>
|
||
- Beautiful project logo. Concise and clear project description.
|
||
Exhaustive TOC. Feature list. Project screenshots and video snippets.
|
||
Comprehensive informative sections. Useful links. Clear instructions for
|
||
setting up and building the project. Presence of prepared releases.</li>
|
||
<li><a
|
||
href="https://github.com/Hexworks/zircon#readme">Hexworks/Zircon</a> -
|
||
Dogfood in readme. Clear description of what the project does. Demo
|
||
screenshot. TOC for easy navigation. Easy installation and setup
|
||
sections with screenshots. Links for further reading.</li>
|
||
<li><a href="https://github.com/httpie/httpie#readme">httpie/httpie</a>
|
||
- Description of what the project does. Demo screenshots. Project logo.
|
||
TOC for easy navigation. Build badges. Quick and simple installation and
|
||
usage sections. Includes an examples section.</li>
|
||
<li><a href="https://github.com/hywax/mafl#readme">hywax/mafl</a> -
|
||
Project logo. Clear description of what the project does. TOC for easy
|
||
navigation. Usage code samples.</li>
|
||
<li><a
|
||
href="https://github.com/IgorAntun/node-chat#readme">IgorAntun/node-chat</a>
|
||
- Project screenshot. Informative badges. Clear description. Easy
|
||
installation/use instructions. Live demo.</li>
|
||
<li><a
|
||
href="https://github.com/iharsh234/WebApp#readme">iharsh234/WebApp</a> -
|
||
Project landing page. Clear description of what the project does. Demo
|
||
screenshot. Simple install and usage sections. Includes an examples
|
||
section with common uses and a mobile demo section.</li>
|
||
<li><a href="https://github.com/iterative/dvc#readme">iterative/dvc</a>
|
||
- ReStructuredText format example, PyPi compatible. Logo, custom
|
||
website-like menu. Smooth how-it-works animation. Badges. Nice
|
||
contribution section with the hall-of-fame.</li>
|
||
<li><a
|
||
href="https://github.com/ivanperez-keera/Yampa#readme">ivanperez-keera/Yampa</a>
|
||
- Clear description. Feature list. TOC for easy navigation. Simple
|
||
install instructions. Usage code samples. Project samples with GIFs and
|
||
links to app stores. Documentation and publications. Clear development /
|
||
contribution rules.</li>
|
||
<li><a href="https://github.com/karan/joe#readme">karan/joe</a> -
|
||
Project logo. Clear description of what the project does. GIF demo. Easy
|
||
install and usage sections.</li>
|
||
<li><a
|
||
href="https://github.com/kopach/karma-sabarivka-reporter#readme">kopach/karma-sabarivka-reporter</a>
|
||
- Project logo. Useful badges, clear readme with screenshots for quick
|
||
demo. Concise ToC.</li>
|
||
<li><a
|
||
href="https://github.com/L0garithmic/FastColabCopy#readme">L0garithmic/FastColabCopy</a>
|
||
- Project logo. Minimalist description. Badges. GIF demo. About The
|
||
Project. How To Use. Examples. Credits. Additional Examples.</li>
|
||
<li><a
|
||
href="https://github.com/lobehub/lobe-chat#readme">lobehub/lobe-chat</a>
|
||
- Modern badge design. Clear feature introductions accompanied by visual
|
||
design graphics. Ecosystem introduction. Descriptions of project
|
||
characteristics and development methods. Contributors section.</li>
|
||
<li><a
|
||
href="https://github.com/lobehub/sd-webui-lobe-theme#readme">lobehub/sd-webui-lobe-theme</a>
|
||
- Feature list and demo. I18n support. Navigation with Header and TOC.
|
||
Clear instructions.</li>
|
||
<li><a
|
||
href="https://github.com/ma-shamshiri/Human-Activity-Recognition#readme">ma-shamshiri/Human-Activity-Recognition</a>
|
||
- Beautiful table of contents. Project logo. Animated project banner.
|
||
Complete project folder structure. Clear description of what the project
|
||
does. Nice contributors’ section. Easy navigation.</li>
|
||
<li><a
|
||
href="https://github.com/ma-shamshiri/Pacman-Game#readme">ma-shamshiri/Pacman-Game</a>
|
||
- Beautiful table of contents. Project logo. Animated project banner.
|
||
Suitable GIFs to display each part of the project. Complete list of
|
||
project files in the repo along with their function. Complete execution
|
||
instruction.</li>
|
||
<li><a
|
||
href="https://github.com/ma-shamshiri/Spam-Detector#readme">ma-shamshiri/Spam-Detector</a>
|
||
- Complete project file description. Project logo. Animated project
|
||
banner. Concise project description. Clear execution instruction.</li>
|
||
<li><a
|
||
href="https://github.com/MananTank/radioactive-state#readme">MananTank/radioactive-state</a>
|
||
- Badges (version, downloads, coverage, size), Twitter Intent, Project
|
||
Logo, Feature list, Motivation, Installation, Example with GIFs, Emojis,
|
||
Collapsible Sections, Live Demos, API detailed usage, FAQs, Chat
|
||
link.</li>
|
||
<li><a
|
||
href="https://github.com/Martinsos/edlib#readme">Martinsos/edlib</a> -
|
||
Informative badges (build, version, publication). Concise description.
|
||
Feature list. TOC. Screenshots. Concise instructions with examples for
|
||
building and including in your project. Common code examples to get you
|
||
started quickly.</li>
|
||
<li><a
|
||
href="https://github.com/mkosir/react-parallax-tilt#readme">mkosir/react-parallax-tilt</a>
|
||
- GIF demo. Multiple badges. Feature list. Great live demo with code
|
||
examples. Easy to follow instructions for local development set up.</li>
|
||
<li><a href="https://github.com/NASA/ogma#readme">NASA/ogma</a> - Clear
|
||
description. Feature list. Demo GIFs. Simple install instructions. Usage
|
||
code samples. TOC for easy navigation.</li>
|
||
<li><a
|
||
href="https://github.com/nhn/tui.editor#readme">nhn/tui.editor</a> -
|
||
Project logo. Clear overview of project features with a demo GIF.
|
||
Badges. TOC for easy navigation. Colorful icons in front of titles.</li>
|
||
<li><a href="https://github.com/NSRare/NSGIF#readme">NSRare/NSGIF</a> -
|
||
Project logo. GIF Demo. Usage artwork. Usage code samples.</li>
|
||
<li><a href="https://github.com/owloops/updo#readme">Owloops/updo</a> -
|
||
Well-structured, visually appealing, and provides comprehensive
|
||
information about the tool, from its purpose and features to
|
||
installation and usage, in a clear and user-friendly manner.</li>
|
||
<li><a
|
||
href="https://github.com/php-censor/php-censor#readme">php-censor/php-censor</a>
|
||
- Multiple badges, project logo, feature list, video demo, step-by-step
|
||
installation and upgrading instructions, TOC for easy navigation.</li>
|
||
<li><a
|
||
href="https://github.com/PlexRipper/PlexRipper#readme">PlexRipper/PlexRipper</a>
|
||
- Multiple badges, project logo, feature list, explanation,
|
||
demonstration video, TOC for easy navigation.</li>
|
||
<li><a
|
||
href="https://github.com/PostHog/posthog#readme">PostHog/posthog</a> -
|
||
Custom-made section icons, demo GIF, deploy button, profile images for
|
||
contributors, concise, clear structure, project logo.</li>
|
||
<li><a
|
||
href="https://github.com/priyavrat-misra/xrays-and-gradcam#readme">priyavrat-misra/xrays-and-gradcam</a>
|
||
- TOC for easy navigation. Clear introduction of what the project does.
|
||
Complete list of all files in the repo and what their function is. Usage
|
||
section. Clean and concise tables.</li>
|
||
<li><a href="https://github.com/Redocly/redoc#readme">Rebilly/redoc</a>
|
||
- Multiple badges, project logo, live demo link, GIF-animations of the
|
||
key features, TL;DR usage.</li>
|
||
<li><a
|
||
href="https://github.com/refinedev/refine#readme">refinedev/refine</a> -
|
||
Clean project logo. Brief description at top. Multiple badges. Usage
|
||
description and examples. Use cases and demo links. Screenshots. Key
|
||
Features. Contributors. Stargazers. Contribution guidelines.</li>
|
||
<li><a
|
||
href="https://github.com/release-it/release-it#readme">release-it/release-it</a>
|
||
- Clear overview of project features with a demo GIF. Badges. Expandable
|
||
TOC. Usage description and examples. Contribution guidelines. Detailed
|
||
releases.</li>
|
||
<li><a
|
||
href="https://github.com/rstacruz/hicat#readme">rstacruz/hicat</a> - GIF
|
||
demo. Easy installation and setup sections with screenshots. Build
|
||
badges. Great examples of use cases.</li>
|
||
<li><a
|
||
href="https://github.com/ryanoasis/nerd-fonts#readme">ryanoasis/nerd-fonts</a>
|
||
- Clean project logo. Brief description at top. Sankey diagram, quick
|
||
links, badges, OS specific icons, TOC, detailed release changelog.</li>
|
||
<li><a
|
||
href="https://github.com/sebyddd/SDVersion#readme">sebyddd/SDVersion</a>
|
||
- Project logo. Build badges. Documentation structuring for multiple
|
||
programming languages. Usage examples.</li>
|
||
<li><a
|
||
href="https://github.com/serpro69/kotlin-faker#readme">serpro69/kotlin-faker</a>
|
||
- Project logo. Badges. Concise description and clear getting-started
|
||
instructions with a link to the full documentation website. Test, build
|
||
and contributing guidelines. Licence info.</li>
|
||
<li><a href="https://github.com/shama/gaze#readme">shama/gaze</a> -
|
||
Project logo. Concise description. Feature list. Usage section. FAQ.
|
||
Great API documentation. Release history.</li>
|
||
<li><a
|
||
href="https://github.com/sidneycadot/oeis#readme">sidneycadot/oeis</a> -
|
||
Overview. List of required dependencies. Complete list of all files in
|
||
the repo and what their function is. Visual graph of how it all ties
|
||
together.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/pageres#readme">sindresorhus/pageres</a>
|
||
- Project logo. Clear description of what the project does. Build
|
||
badges. Demo screenshot. Simple install and usage sections. Includes an
|
||
examples section with common uses.</li>
|
||
<li><a href="https://github.com/Skydio/revup#readme">skydio/revup</a> -
|
||
Project logo. Animated GIF demo + GIFs for major stages of the
|
||
step-by-step tutorial. Concise explanation, installation instructions,
|
||
and contribution section.</li>
|
||
<li><a
|
||
href="https://github.com/sourcerer-io/sourcerer-app#readme">sourcerer-io/sourcerer-app</a>
|
||
- Clean animated screenshot. Customized call to action badge. Usage
|
||
showcase.</li>
|
||
<li><a href="https://github.com/sr6033/lterm#readme">sr6033/lterm</a> -
|
||
Clean logo using characters. Brief updates on development. Detailed
|
||
contribution guidelines. Contribution suggestions.</li>
|
||
<li><a
|
||
href="https://github.com/Stack-in-a-box/triumphmayflowerclub.com#readme">Stack-in-a-box/triumphmayflowerclub.com</a>
|
||
- Stands-out because, while only a simple website, it is presented as a
|
||
very open project for lesser-experienced developers to cut their teeth
|
||
on, with a friendly, inclusive tone and accessible setup instructions.
|
||
Includes many common elements found in other beautiful READMEs.</li>
|
||
<li><a
|
||
href="https://github.com/stevenfoncken/multitool-for-spotify-php#readme">stevenfoncken/multitool-for-spotify-php</a>
|
||
- Concise introductory description. Clear overview of features.
|
||
Why-section with easter egg (heading). Informative badges. Clear
|
||
disclaimer. Step-by-step setup instructions. Expandable TOC. Headlines
|
||
with emojis. Detailed usage section. Shortlinks at the top. Back-to-top
|
||
link in the footer. Credits to third-party code/libraries.</li>
|
||
<li><a
|
||
href="https://github.com/sultan99/react-on-lambda#readme">sultan99/react-on-lambda</a>
|
||
- Project logo, comics to present the main idea, badges, examples with
|
||
code snippets, demo projects, api documentations, editor
|
||
configurations.</li>
|
||
<li><a href="https://github.com/sulu/sulu#readme">sulu/sulu</a> -
|
||
Project logo, useful badges, clear instructions on where to find more
|
||
information and report bugs, GIF screenshots, nice use of
|
||
emoticons.</li>
|
||
<li><a
|
||
href="https://github.com/supunlakmal/thismypc#readme">supunlakmal/thismypc</a>
|
||
- Project logo. Useful badges. Website URL. Screenshot. GIF step-by-step
|
||
instructions for installation. Project folder structure.</li>
|
||
<li><a
|
||
href="https://github.com/teles/array-mixer#readme">teles/array-mixer</a>
|
||
- Clean project logo, badges. Table of contents. Contribution section.
|
||
Many illustrated examples.</li>
|
||
<li><a
|
||
href="https://github.com/thelounge/thelounge#readme">thelounge/thelounge</a>
|
||
- Project logo. Useful badges and links (website, docs, demo).
|
||
Screenshot. Feature list. Step-by-step instructions for installation,
|
||
development, and testing. Link to the contribution guide. Good mobile
|
||
summary.</li>
|
||
<li><a
|
||
href="https://github.com/themerdev/themer#readme">themerdev/themer</a> -
|
||
Project logo. Visual description (flowchart) of what the project does.
|
||
Build badges. TOC. Demo screenshot. Concise installation and usage
|
||
sections, including common workflows. Colorful previews.</li>
|
||
<li><a
|
||
href="https://github.com/vhesener/Closures#readme">vhesener/Closures</a>
|
||
- Project logo, cognitive funnel, animated examples. Color-coordinated.
|
||
Clean documentation.</li>
|
||
<li><a
|
||
href="https://github.com/voltagent/voltagent#readme">voltagent/voltagent</a>
|
||
- Clean project logo. Useful badges and links (website, docs, demo).
|
||
Screenshot. Clear code examples amongst the feature list. Quickstart
|
||
example.</li>
|
||
<li><a
|
||
href="https://github.com/xnbox/DeepfakeHTTP#readme">xnbox/DeepfakeHTTP</a>
|
||
- Original hero section. Clear navigation. Minimalist design.
|
||
Appendices.</li>
|
||
<li><a
|
||
href="https://github.com/yvann-ba/ft_transcendence#readme">yvann-ba/ft_transcendence</a>
|
||
- Minimalist Project banner, clear GIF gallery in table layout. Colorful
|
||
architecture diagram. Clear tech stack description. Team section with
|
||
contributor avatars.</li>
|
||
<li><a
|
||
href="https://github.com/zenml-io/zenml#readme">zenml-io/zenml</a> -
|
||
Clean project logo. Useful TOC. Clear code examples amongst the feature
|
||
list. Quickstart example.</li>
|
||
</ul>
|
||
<h2 id="architecture-examples">Architecture Examples</h2>
|
||
<p>A good ARCHITECTURE.md file helps developers understand how and where
|
||
to make changes, whether they are new to a project or not.</p>
|
||
<p>Diagrams, source code maps, and discussing invariants and design
|
||
decisions are essential.</p>
|
||
<p>This can also be a dedicated section of your README.md files. - <a
|
||
href="https://github.com/evanw/esbuild/blob/main/docs/architecture.md">esbuild</a>
|
||
- Great use of graphics for visualisations and project structure.
|
||
Includes a list of important principles for the project. - <a
|
||
href="https://github.com/flutter/flutter/blob/master/docs/about/The-Engine-architecture.md">Flutter
|
||
Engine</a> - Good use of high level diagrams to show the stack and its
|
||
parts. Describes the main processes. Describes platform invariants. - <a
|
||
href="https://gitlab.com/gitlab-org/charts/gitlab/-/tree/master/doc/architecture">GitLab</a>
|
||
- Calls out design decisions. - <a
|
||
href="https://github.com/torvalds/linux/blob/master/Documentation/crypto/architecture.rst">Linux
|
||
cryptography</a> - Calls out different types of components, provides
|
||
searchable areas, calls out invariants of different components, and
|
||
describes structure with diagrams. - <a
|
||
href="https://github.com/neovim/neovim/blob/master/src/nvim/README.md">Neovim</a>
|
||
- Describes the main processes/lifecycle. - <a
|
||
href="https://github.com/ohmyzsh/ohmyzsh/wiki/Design">Oh My Zsh</a> -
|
||
Describes the initialization process, calls out environment
|
||
requirements. - <a
|
||
href="https://github.com/redis/redis/blob/unstable/README.md">Redis</a>
|
||
- Good source code map. Overviews of key files. Good use of
|
||
documentation comments in-code rather than inline comments. - <a
|
||
href="https://github.com/tauri-apps/tauri/blob/dev/ARCHITECTURE.md">Tauri</a>
|
||
- Well made source code map, discusses architecture considerations,
|
||
calls out important dependencies. - <a
|
||
href="https://github.com/microsoft/vscode/wiki/Source-Code-Organization">VS
|
||
Code</a> - Good use of high-level diagrams. Describes source
|
||
organisation.</p>
|
||
<h2 id="articles">Articles</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/hackergrrl/art-of-readme#readme">“Art of
|
||
Readme - Learn the art of writing quality READMEs.”</a> - <em>Stephen
|
||
Whitmore</em></li>
|
||
<li><a
|
||
href="https://www.yegor256.com/2019/04/23/elegant-readme.html">“Elegant
|
||
READMEs”</a> - <em>Yegor Bugayenko</em></li>
|
||
<li><a
|
||
href="https://thoughtbot.com/blog/how-to-write-a-great-readme">“How To
|
||
Write A Great README”</a> - <em>Caleb Thompson (thoughtbot)</em></li>
|
||
<li><a
|
||
href="https://tom.preston-werner.com/2010/08/23/readme-driven-development.html">“Readme
|
||
Driven Development”</a> - <em>Tom Preston-Werner</em></li>
|
||
<li><a
|
||
href="https://changelog.com/posts/top-ten-reasons-why-i-wont-use-your-open-source-project">“Top
|
||
ten reasons why I won’t use your open source project”</a> - <em>Adam
|
||
Stacoviak</em></li>
|
||
<li><a
|
||
href="https://www.freecodecamp.org/news/what-i-learned-from-an-old-github-project-that-won-3-000-stars-in-a-week-628349a5ee14/">“What
|
||
I learned from an old GitHub project that won 3,000 Stars in a Week”</a>
|
||
- <em>KyuWoo Choi</em></li>
|
||
<li><em>Architecture</em>
|
||
<ul>
|
||
<li><a
|
||
href="https://matklad.github.io/2021/02/06/ARCHITECTURE.md.html">“ARCHITECTURE.md”</a>
|
||
- <em>Alex Kladov</em></li>
|
||
<li><a href="https://johnjago.com/great-docs/">“Two open source projects
|
||
with great documentation”</a> - <em>John Jago</em></li>
|
||
</ul></li>
|
||
</ul>
|
||
<h2 id="presentations">Presentations</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=vfZuFo1gTB8&list=PLA9_Hq3zhoFw6patag2gZcDjpugDLBStL&index=31">“Build
|
||
a Better README”</a> - <em>Jason A. Crome</em> at <em>The Perl and Raku
|
||
Conference</em> in 2024 in Las Vegas, Nevada, USA.</li>
|
||
</ul>
|
||
<h2 id="tools">Tools</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/dec0dOS/amazing-github-template#readme">Amazing
|
||
GitHub Template</a> - Useful README.md, LICENSE, CONTRIBUTING.md,
|
||
CODE_OF_CONDUCT.md, SECURITY.md, GitHub Issues, Pull Requests and
|
||
Actions templates to jumpstart your projects.</li>
|
||
<li><a href="https://github.com/hackergrrl/common-readme#readme">Common
|
||
Readme</a> - A common readme style for Node. Includes a guide and a
|
||
readme generator.</li>
|
||
<li><a
|
||
href="https://github.com/lheintzmann1/github-licenses-stats#readme">Github
|
||
Licenses Stats</a> - This tool generates a dynamic SVG that shows the
|
||
top licenses used across your GitHub repositories.</li>
|
||
<li><a
|
||
href="https://github.com/anuraghazra/github-readme-stats#readme">GitHub
|
||
Readme Stats</a> - Dynamically generated customizable GitHub cards for
|
||
README. Stats, extra pins, top languages and WakaTime.</li>
|
||
<li><a
|
||
href="https://github.com/sourcerer-io/hall-of-fame#readme">Hall-of-fame</a>
|
||
- Helps show recognition to repo contributors on README. Features
|
||
new/trending/top contributors. Updates every hour.</li>
|
||
<li><a href="https://www.makeareadme.com/">Make a README</a> - A guide
|
||
to writing READMEs. Includes an editable template with live Markdown
|
||
rendering.</li>
|
||
<li><a
|
||
href="https://github.com/jehna/readme-best-practices#readme">README best
|
||
practices</a> - A place to copy-paste your README.md from</li>
|
||
<li><a href="https://readme-forge.github.io/">Readme Forge</a> - A
|
||
component-based README generator to create stunning READMEs with ease.
|
||
Features an extensive and versatile README templates library.</li>
|
||
<li><a
|
||
href="https://github.com/kefranabg/readme-md-generator#readme">readme-md-generator</a>
|
||
- A CLI that generates beautiful README.md files</li>
|
||
<li><a href="https://readme.so/">Readme.so</a> - A simple editor that
|
||
allows you to quickly add and customize all the sections you need for
|
||
your project’s readme.</li>
|
||
<li><a href="https://github.com/mhucka/readmine">READMINE</a> - A
|
||
thorough, clear and self-describing README file template for software
|
||
projects; copy it and edit it as needed.</li>
|
||
<li><a href="https://stackedit.io/">StackEdit</a> - A user-friendly
|
||
online editor that allows you to quickly customize all the sections you
|
||
need for your project’s readme.</li>
|
||
<li><a
|
||
href="https://github.com/RichardLitt/standard-readme#readme">Standard
|
||
Readme</a> - A standard README style specification. Has a generator to
|
||
help create spec-compliant READMEs, too.</li>
|
||
<li><a
|
||
href="https://github.com/Malith-Rukshan/telegram-card#readme">Telegram
|
||
Card</a> - Dynamic preview card generator for Telegram channels, groups,
|
||
and bots. Features responsive design, dark/light theme support, and
|
||
displays subscriber/member/monthly users/online users counts. Perfect
|
||
for GitHub profiles and portfolios.</li>
|
||
<li><a
|
||
href="https://github.com/cicirello/user-statistician">user-statistician</a>
|
||
- A GitHub Action that generates SVG of detailed GitHub user activity
|
||
for profile readmes.</li>
|
||
<li><a
|
||
href="https://github.com/zalando/zalando-howto-open-source/blob/master/READMEtemplate.md#readme">Zalando’s
|
||
README Template</a> - Simple template to help you cover all the
|
||
basics.</li>
|
||
</ul>
|
||
<h2 id="creating-gifs">Creating GIFs</h2>
|
||
<p>Embedding an animated gif in your README quickly demonstrates what
|
||
your project does and catches the reader’s eye. Here are a few programs
|
||
that can help you quickly create gifs for your project:</p>
|
||
<ul>
|
||
<li><a href="https://github.com/sindresorhus/Gifski#readme">Gifski</a> -
|
||
<strong>FREE</strong> - More vivid colors than the rest, but still keeps
|
||
size low.</li>
|
||
<li><a href="https://giphy.com/apps/giphycapture">Giphy Capture</a> -
|
||
<strong>FREE</strong> - Easy to upload to giphy.com, with a slightly
|
||
annoying UX.</li>
|
||
<li><a href="https://www.cockos.com/licecap/">LICEcap</a> -
|
||
<strong>FREE</strong> - Less intuitive, but with more features.</li>
|
||
<li><a href="https://github.com/phw/peek#readme">Peek</a> -
|
||
<strong>FREE</strong> - Simple and easy to use for Linux users.</li>
|
||
<li><a
|
||
href="https://github.com/NickeManarin/ScreenToGif/">ScreenToGif</a> -
|
||
<strong>FREE</strong> - Open source, with a customizable UI and easily
|
||
editable GIFs, easy to get started.</li>
|
||
<li><a href="https://github.com/faressoft/terminalizer">terminalizer</a>
|
||
- <strong>FREE</strong> - Record your terminal and generate animated GIF
|
||
images or share a web player.</li>
|
||
<li><a href="https://github.com/chjj/ttystudio#readme">ttystudio</a> -
|
||
<strong>FREE</strong> - For command-line tools, a terminal-to-GIF
|
||
recorder minus the headaches.</li>
|
||
<li><a href="https://github.com/charmbracelet/vhs">vhs</a> -
|
||
<strong>FREE</strong> - Generate beautiful terminal GIFs with a simple
|
||
scripting language</li>
|
||
</ul>
|
||
<h2 id="get-feedback">Get Feedback</h2>
|
||
<ul>
|
||
<li><a href="https://maintainer.io/">maintainer.io</a> - Free README
|
||
standardization and feedback, if you click on ‘Book an audit’.</li>
|
||
</ul>
|
||
<h2 id="contribute">Contribute</h2>
|
||
<p>Contributions are always welcome! Please read the <a
|
||
href="contributing.md">contribution guidelines</a> first.</p>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="https://licensebuttons.net/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, <a href="https://mts.io">Matias
|
||
Singers</a> has waived all copyright and related or neighboring rights
|
||
to this work.</p>
|
||
<p><a href="https://github.com/matiassingers/awesome-readme">readme.md
|
||
Github</a></p>
|