Skip to content

Correia-jpv/fucking-beautiful-docs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Beautiful Docs

I love documentation. If you work with/are writing code intended for usage and consumption by more than one person, you should love it, too. Documentation and other resources will make or break the success of your project. And the more open and collaborative you want development to be, the more crucial docs become.

With that in mind, here's a list of docs and other developer resources that myself and others find particularly useful, well-written, and otherwise "beautiful." May they serve to inspire you when writing and designing yours. Thanks to various contributors, we now also have sections dedicated to Writing about Documentation and Tools for Generating Docs.

This should be updated fairly regularly. As usual, pull requests are encouraged.

  • If you're contributing a link, be sure to include a few words on why you're adding it and some sort of self-attribution so that people can know from whom it came.
  • All docs are listed in the order they were added. Keep this order when submitting your PR. 🌎 Mark

And Now For The Docs

  • 🌎 Redis Commands - Most of the Redis docs are exceptional, but this section really epitomizes the combination of good design and usability. And all the individual command pages give you the ability to test things out without leaving the page. Pretty close to perfect.
  • 🌎 GitHub Developer Docs - I don't always get excited about accordion-based navigation, but when I do...
  • 🌎 Dropwizard - Beautiful and concise; another Bootstrap joint. (contributed by 🌎 mrtazz).
  • Β Β Β 162⭐ Β Β Β Β 60🍴 Riak Pipe README) - The simplicity of READMEs means that you can't obscure shitty content with flashy design. This one is written by my Basho colleague 🌎 Bryan Fink and should be committed to memory as an excellent example of how to write READMEs.
  • 🌎 Learn You Some Erlang (contributed by 🌎 @lenary) (It should also be noted that LYSE was inspired by Miran Lipovača's Learn You A Haskell.)
  • 🌎 Django Documentation - (contributed by 🌎 @bretthoerner)
  • 🌎 Clojuredocs.org (contributed by 🌎 @mrb_bk)
  • 🌎 FreeBSD Handbook - Clean and direct documentation of an OS. (contributed by 🌎 @mrtazz)
  • 🌎 Ruby on Rails Guides - (contributed by 🌎 @seancribbs)
  • 🌎 Stripe Documentation and 🌎 Full API Documentation - Multiple languages, example code, good detail on the API; especially love how the API docs show examples for curl and their supported client libraries. (contributed simultaneously by 🌎 @tnm and 🌎 @technoweenie)
  • 🌎 Librato Developer Docs - Librato's RESTful API documentation. (contributed by 🌎 @josephruscio)
  • 🌎 CoffeeScript - (contributed by 🌎 @joedevivo)
  • 🌎 Why's (Poignant) Guide to Ruby - (contributed by 🌎 @joedevivo)
  • 🌎 Twitter Bootstrap - Documented the project using the project. (contributed by 🌎 @kylewest)
  • 🌎 hogan.js - Simple and Beautiful. (contributed by 🌎 @kylewest)
  • 🌎 Scala Documentation - Beautifully-styled Scala documentation site. (Contributed by David M. Lee)
  • 🌎 Linode Guides and Tutorials (contributed by 🌎 @davidmatas)
  • 🌎 Symfony Docs (contributed by Rodney Keeling)
  • 🌎 Underscore.js - Simple, clean, single page. (contributed by @twe4ked)
  • 🌎 Qt - Very comprehensive documentation with tutorials and guides and great examples. (contributed by 🌎 @nikhilcutshort)
  • 🌎 Savon.rb - (contributed by 🌎 Mathias Meyer)
  • 🌎 Android Developer Documentation (contributed by 🌎 Rajeev N B @rBharshetty)
  • 🌎 Postmark Developer Docs - Simple, easy to navigate, informative.
  • 🌎 Twitter Developers Docs - In-depth and very well organized. (contributed by 🌎 @tsantero)
  • 🌎 GitHub Styleguide - Pragmatic styleguide with sections on Ruby, JavaScript and CSS. (contributed by 🌎 @lenary)
  • 🌎 Moment.js - Thorough, well-designed, and excellent use of top-nav. (contributed by 🌎 @joshuapoehls)
  • 🌎 Solarized - Beautiful documentation about a color scheme, using the color scheme from Ethan Schoonover. (contributed by @seancribbs)
  • 🌎 Ember.js - The overall navigation could be done a bit better but the presentation and readability is quite nice. (contributed by 🌎 @cmeik)
  • 🌎 Riak Docs - Well-designed, excellent use of versioning, integrated search, and much more.
  • 🌎 Go By Example - Clean, simple, and extensive. These docs that make you want to learn Go just because they make it so straightforward.
  • 🌎 gevent API Docs - Clean, polished docs for gevent. (contributed by rubik)
  • 🌎 Riemann - Great design, easy to read, and very thorough with introductory and advanced topics.
  • 🌎 Pretty RFC - Reworked IETF documents for easier viewing.
  • 🌎 Vagrant - Well organized, easy to read, attractive design. 🌎 @clstokes)
  • 🌎 Wolfram Language - Nice top-level navigation in a grid layout. Topics grouped by color, each with a relevant graphic and on-click menu of sub-topics. (contributed by troytop)
  • 🌎 Lisp Flavored Erlang: Quick Start - Attractive presentation, nice jumpstart for the language. (contributed by 🌎 @macintux)
  • Thinking Forth - Forth is now largely eclipsed by Factor, but the book remains an inspiring look at the ideas behind this stack-based language. (contributed by 🌎 @macintux)
  • 🌎 Packer Documentation - These are just lovely.
  • 🌎 Abjad: Modeling Music in Python - Clean styling, and impressive integration of figures and diagrams. (contributed by @adorsk)
  • 🌎 SqlAlchemy - One of the most comprehensive pieces of documentation I've ever seen, with excellent linking and layout. (contributed by @adorsk)
  • 🌎 Sonata Project - All the Sonata Project bundles for Symfony2 on a single page. These have a nice, clear layout. (contributed by @NoScopie)
  • 🌎 Laravel - Easily-readable and well-organized docs. Navigation is well formatted and articles are easy to consume. (contributed by @ToddSmithSalter)
  • 🌎 FullCalendar – Concise overview of all APIs on a single page, and in-depth descriptions for each. (contributed by Β Β Β Β Β ?⭐ Β Β Β Β Β ?🍴 @gr2m))
  • 🌎 Rust Guides - Rust is a stable and memory-save language and the docs (written by Steve Klabnik) are clearly a high priority. The guides in particular illustrate core concepts of the standard library in a conversational, accessible style. (contributed by Nick Cox
  • 🌎 MongoDB Manual - Easy to navigate, clean, carefully and well designed manual. (contributed by ericbn)
  • 🌎 Mailgun Documentation - Email service for developers. Language selector, API code samples, editable in the browser, created with Sphinx. (contributed by @leemunroe)
  • 🌎 Grav Documentation - Documentation for Grav, a modern open source flat-file CMS. Tightly integrated with GitHub in markdown format, with quick search and highlight. (contributed by 🌎 @rhuk)
  • 🌎 Mailjet API guides - Great documentation with generated code samples using Slate from Tripit
  • 🌎 Atlassian GIT Tutorials - Documentation and tutorials on Git. I like their layout. It is simple and focused on explaining the concepts with good diagrams, tutorials and glossary. (contributed by 🌎 @vaseehh)
  • 🌎 Digital Ocean API Docs - These docs are stellar. Examples are abundant and the organization makes each component of the API easy to reason about. (contributed by @jasonaibrahim)
  • 🌎 The LTTng Documentation - The whole documentation of the open source LTTng project on a single page (one page per project release). Features are: sparse style with pleasant colors, good information structure, auto-scrolling navigation, mobile-friendly, dedicated example boxes, glossary, tight integration with the 🌎 online man pages of the same version which are rendered with the same style. Β Β Β Β 67⭐ Β Β Β Β 35🍴 Source) is written in AsciiDoc (project's man pages too), with custom inline macros for specific features. (contributed by 🌎 @eepp)
  • 🌎 DocRaptor Covers HTML-to-PDF API language wrappers, styling instructions and core API docs.
  • 🌎 Go Programming Language Docs - These docs are simple, well-organized, and effective. (contributed by Ed Bacher)
  • 🌎 Sequelize - Simple, clear and well-structured docs with a complete Class Reference and listing of all public methods. (contributed by @bandantonio)
  • 🌎 Vue.js Docs - The Progressive JavaScript Framework: An approachable, performant and versatile framework for building web user interfaces. (contributed by @jinjiang)
  • 🌎 Posit Documentation - Clean, simple, and easy on the eyes. (contributed by @foxnic)
  • 🌎 FastAPI - Python framework for building APIs with beautiful and complete documentation. (contributed by @jrwaine)
  • 🌎 Circles, Sines and Signals - A Compact Primer on Digital Signal Processing. (contributed by @PharkMillups)
  • 🌎 PostgreSQL - One of the most reliable sets of documentation available. There is rarely a need to go outside the documentation. (contributed by @dalryan)

Writing about Docs

Generating Docs

  • 🌎 docco - Pretty docs from source code comments with ports for many languages. (contributed by 🌎 @kylewest)
  • 🌎 Sphinx - Comprehensive documentation tool using restructuredText with beautiful HTML and PDF output. (contributed by 🌎 @nikhilcutshort)
  • 🌎 MkDocs - Documentation with Markdown, written in Python. (contributed by ericbn)
  • 🌎 Read the Docs - Hosted docs using Sphinx or MkDocs, supports translations and finding docs for specific software versions. Used by the Django Docs. (contributed by Stephen Paulger)
  • 🌎 ApiGen - Creates clean API documentation from PHP source code (contributed by bryceadams)
  • Β Β Β Β Β 5⭐ Β Β Β Β Β 8🍴 docgenerator) - Organize your documentation in Markdown files. (contributed by Florian Margaine)
  • 🌎 dexy - Extensible documentation/report generator supporting multiple programming languages and several input and output formats. (contributed by troytop)
  • Β 35876⭐ Β 22020🍴 Slate) - Static API documentation creation tool from the team at Tripit.
  • MireDot - REST API documentation generator for Java. Plugs into your build process and generates a searchable html page. (contributed by bertvh)
  • Β Β Β 628⭐ Β Β Β Β 92🍴 codo) - CoffeeScript API documentation generator, similar to YARD. (contributed by Logan Koester)
  • 🌎 Flatdoc - Create well designed open source documentation from Github repository README files or simple Markdown files. (contributed by @moore)
  • Β 26435⭐ Β Β 3797🍴 GitBook) - Utility for generating documentation, books and exercises using GitHub/Git and Markdown. (contributed by Samy PessΓ©)
  • 🌎 Daux - A documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way. (contributed by veshinak)
  • Β Β Β Β 24⭐ Β Β Β Β Β 4🍴 comment.js) - Simple API documentation generator. (contributed by @dciccale)
  • 🌎 phpDocumentor - phpDocumentor enables you to generate documentation from your PHP source code. (contributed by shivamdixit)
  • 🌎 Hologram - Hologram is a Ruby gem that parses comments in your CSS and helps you turn them into a beautiful style guide. (contributed by @jchild3rs)
  • 🌎 Middleman - Static site generator using all the shortcuts and tools in modern web development. (contributed by Sota Yamashtia)
  • Β Β 5768⭐ Β Β Β 483🍴 documentation.js) - Generates documentation from JavaScript source code. (contributed by tmcw)
  • SassDoc - A Sass documentation generator that utilizes inline comments to make pretty and powerful docs. (contributed by Hugo Giraudel)
  • 🌎 Pickles - Pickles is an open source living documentation generator that works on feature files written in the Gherkin language.
  • Β Β 9719⭐ Β Β 1684🍴 ApiDoc) RESTful web API Documentation Generator that creates documentation from API descriptions in your source code. (contributed by Trenton Broughton)
  • 🌎 Documentation theme for Jekyll - Documentation theme built on Jekyll. Includes detailed notes on how to tackle nearly every technical documentation scenario, from single sourcing to conditional filtering, PDF output, relative links, and more.
  • 🌎 JSDoc - Generate JavaScript API documentation directly from source code comments. Also useful as a style guide for JS commenting, in general. Google uses a version of JSDoc tags for its Β Β Β Β Β ?⭐ Β Β Β Β Β ?🍴 Closure compiler).
  • 🌎 Asciidoctor - Asciidoctor is a fast text processor and publishing toolchain for converting AsciiDoc content to HTML5, DocBook 5 (or 4.5) and other formats. (contributed by ThomasG77)
  • 🌎 Bookdown - A open-source (GPL-3) R package to facilitate writing books and long-form articles/reports with R Markdown. Support for languages other than R, including C/C++, Python, and SQL, etc. (contributed by ThomasG77)
  • 🌎 Pandoc If you need to convert files from one markup format into another, pandoc is your swiss-army knife. Can generate documentation from most common markup languages. (contributed by ThomasG77)
  • 🌎 LaTeX LaTeX is a typesetting system that has been around for almost 40 years and still very popular mostly in academia settings. Its strongest strength is in its capacity and flexibility in creating beautiful mathematical formulas. (contributed by Tao Li)
  • Β Β Β Β Β ?⭐ Β Β Β Β Β ?🍴 gd2md-html) - gd2md-html is a free Google Docs add-on that converts a formatted Google Doc to a simple, readable Markdown or HTML text file. gd2md-html lets you use Google Docs' editing, formatting, and collaboration tools before you publish to a Markdown or HTML platform. (contributed by Ed Bacher)
  • Β Β 2074⭐ Β Β Β 206🍴 Documize) - One place to author, approve, publish documentation (contributed by HarveyKandola)
  • 🌎 ESDoc - Documentation generator for JavaScript. Similar to JSDoc, but provides more useful features and stylish look and feel. (contributed by @bandantonio)
  • 🌎 Doxygen - Doxygen is the de facto standard tool for generating documentation from almost all popular programming languages. (contributed by @nocomplexity)
  • Β Β Β 103⭐ Β Β Β Β 33🍴 Ignite) - Markdown documentation tool built around react components as first class plugins. Docs generateed using 🌎 bulma. (contributed by hipstersmoothie)
  • 🌎 Docusaurus - A project by Facebook for building, deploying, and maintaining open source project websites easily. Docusaurus currently provides support to help your website use translations, search, and versioning, along with some other special documentation markdown features. (contributed by akhildaphara)
  • 🌎 Scramble - Scramble generates API documentation for Laravel project. Without requiring you to manually write PHPDoc annotations. (contributed by danie1net0)
  • 🌎 VuePress - Vue-powered static site generator, simplicity first and performant. (contributed by matheusfelipeog)
  • 🌎 VitePress - VitePress is a Static Site Generator designed for building fast, simple, powerful and content-centric websites. (contributed by matheusfelipeog)
  • 🌎 Mintlify - Hosted docs using Markdown and MDX (contributed by arnehuang)

Source

  8925⭐    596🍴 matheusfelipeog/beautiful-docs)