Awesome Open Source
Awesome Open Source
Sponsorship

maintained with Ranger All Contributors MIT License FOSSA Status

Open Collective sponsors Open Collective backers Open Collective sponsors


Translations
Espaรฑol เคนเคฟเค‚เคฆเฅ€ Deutsch ็ฎ€ไฝ“ไธญๆ–‡ Portuguรชs เดฎเดฒเดฏเดพเดณเด‚ Tรผrkรงe ํ•œ๊ตญ์–ด
เฎคเฎฎเฎฟเฎดเฏ Franรงais ๆ—ฅๆœฌ่ชž Svenska Polski Nederlands ่‡บ็ฃ Add +

Introduction

You know all of those code screenshots you see on Twitter? Though the code's usually impressive, we saw room for improvement in the aesthetic department. Carbon makes it easy to create and share beautiful images of your source code. So what are you waiting for? Go impress all of your followers with your newfound design prowess.

Carbon example

Features

  • Customization. Customize things like your image's syntax theme, font style, and more
  • Share quickly. Save your image or a link with one click
  • Save snippets. Create an account to save snippets for later. Shared snippets are automatically unfurled on Twitter and Slack.

Usage

Import

There are a few different ways to import code into Carbon:

Customization

Once you've got all of your code into Carbon, you can customize your image by changing the syntax theme, background color, window theme, padding, shadows, fonts, and more.

Exporting & Sharing

After you've customized your image you can share your snippet in a number of ways

Create a saved snippet

Sharing a saved snippet will automatically unfurl the image on platforms like Twitter and Slack. This lets users see your creation, while also giving them access to the source code via the link. Better yet, if you need to make an update, simply follow the link yourself to edit the snippet directly.

To create a saved snippet:

  1. Login using the "Sign in/Sign up" button
  2. Edit as you normally would โ€” your snippet will get saved automatically
  3. Copy the URL from your browser window and share away!
Embed a snippet

This is the recommended method for sharing Carbon on your own website or blog. Readers can even copy the code with the click of a button.

You can embed any Carbon snippet in your website directly using the carbon.now.sh/embed URL. The "Copy Menu" lets you quickly copy the correct iFrame snippet, or the encoded URL for embedding on platforms like Medium.

Finally, you can also embed saved snippets or GitHub gists using carbon.now.sh/embed/:id.

Use the Tweet button

The Tweet button will not only share the image on Twitter, but it will also correctly encode the alt text to ensure your images are accessible. However, if you want to tweet image yourself, please check out how to make your Twitter images accessible.

Download the image directly

Carbon supports downloading your image as a PNG and SVG. You can also click Export โ†’ Open to open your image directly in the browser. Finally, you can copy the Carbon image directly to your clipboard by going to Copy โ†’ Image.

Installing Carbon for Desktop (Offline)

If you are using Google Chrome, or another browser that supports Progressive Web Apps, you can install Carbon for use offline by:

  1. Visit carbon.now.sh
  2. Click your browser's settings menu
  3. Click "Install Carbon..."

Community

Check out these projects our awesome community has created:

Editor Plugins
Tools
  • CLI carbon-now-cli - Open a file in Carbon or download it directly using carbon-now, featuring an interactive mode, selective highlighting and more
  • CodeExpander - A smart GitHub gist client with the TextExpander features
  • nef - Export multiple Carbon code snippets from Xcode Playground.
  • @carbonshbot - A Telegram chatbot wich takes in a code snippet or gist URL and generates an Carbon image
  • R carbonate - Iteratively manipulate image aesthetics in R and either open in Carbon or download directly.
Citations

Authors

Carbon is a project by:

License

FOSSA Status




Contribute & Support

Pull requests are welcome! Please see our contributing guidelines for more details.

Sponsors

Does your company use Carbon? Consider sponsoring the project to fund new features, bug fixes, and more.

Backers

Love using Carbon? Consider supporting the project to fund new features and improvements

Thanks To

โ–ฒ Vercel for sponsoring Carbon's hosting.

Deploy with Vercel

Contributors

Contributors image

All Contributors

Thanks goes out to all these wonderful people (emoji key):


briandennis

๐Ÿ’ป ๐Ÿ“– ๐Ÿš‡ ๐Ÿ‘€

mfix22

๐Ÿ’ฌ ๐Ÿ’ป ๐Ÿค”

jakedex

๐Ÿ’ฌ ๐Ÿ’ป ๐ŸŽจ ๐Ÿ“น

andrewda

๐Ÿ’ฌ ๐Ÿ’ป ๐Ÿ› ๐Ÿ‘€

yeskunall

๐Ÿ’ป ๐Ÿ“– ๐Ÿ”ง ๐Ÿ›

stoshfabricius

๐Ÿ’ป

jkling38

๐Ÿ“–

otobrglez

๐Ÿ’ป

darahak

๐Ÿ“–

dom96

๐Ÿ’ป

elrumordelaluz

๐Ÿ’ป

cjb

๐Ÿ’ป

Krzysztof-Cieslak

๐Ÿ’ป

fernahh

๐Ÿ“–

g3r4n

๐Ÿ’ป

Mat Gadd

๐Ÿ› ๐Ÿ’ป

Brad Davies

๐Ÿ› ๐Ÿ’ป

Rafael Cรขmara

๐Ÿ’ป

Gleb Bahmutov

โš ๏ธ ๐Ÿ”ง

Ivรกn Munguรญa

๐Ÿ’ป

Dillon Mulroy

๐Ÿ’ป

Nihad Abbasov

๐Ÿ’ป

Hugo Torzuoli

๐Ÿ“–

Bruno C. Couto

๐Ÿ’ป

Mark Molnar

๐Ÿ’ป

Takahiko Inayama

๐Ÿ’ป

Franรงois Martin

๐Ÿ’ป

Raphael Amorim

๐Ÿ’ป

Camron Flanders

๐Ÿ’ป

Eric Adamski

๐Ÿ’ป

Winner Crespo

๐Ÿ’ป ๐ŸŽจ

Milos

๐Ÿ’ป ๐Ÿ”ง ๐Ÿ“– ๐ŸŒ

Yashu Mittal

๐Ÿ’ป

Rachel M. Carmena

๐Ÿ“–

Miguel Salazar

๐Ÿ“– ๐ŸŒ

Vyom Jain

๐Ÿ“– ๐ŸŒ

racaljk

๐ŸŒ

Sean

๐Ÿ’ป

Izabela Borges

๐ŸŒ

Shinil M S

๐ŸŒ

Berke Atac

๐ŸŒ

LEE YONGJUN

๐ŸŒ

Matthew Nielsen

๐Ÿ’ป

Boy

๐Ÿ“ฆ

Vetrivel Chinnasamy

๐ŸŒ

Farzad YZ

๐Ÿ’ป ๐Ÿค”

Yannick Loriot

๐ŸŒ

Joel Hanson

๐Ÿ’ป

Muhammad Muzzammil

๐Ÿ’ป

souppower

๐Ÿš‡

Masato Urai (@uraway_)

๐ŸŒ

Fernando

๐ŸŒ

Megha Sachdev

๐Ÿ’ป โš ๏ธ

Anudeep Reddy

๐Ÿš‡

Munieru

๐ŸŒ

Adam Lusted

๐Ÿ’ป

Jose Noriega

๐ŸŒ

Merlin Fuchs

๐ŸŒ

Ramy Majouji

๐Ÿ’ป

Viktor Nemes

๐Ÿ’ป

Eric Bailey

๐Ÿ’ป

Nazeefa

๐ŸŒ

Pratik Butani

๐Ÿ“

Bakti Aditya

๐Ÿ’ป

Caleb Taylor

๐Ÿ’ป

Rogรฉrio Munhoz

๐Ÿ’ป

Technoknol

๐Ÿ’ป

Tymoteusz Makowski

๐Ÿ’ป

Nisar Hassan Naqvi

๐Ÿ›

Ilyas Karim

๐Ÿ›

Nick Fix

๐Ÿค”

Melanie Sumner

๐Ÿค”

aluc

๐Ÿ’ป

B. Mearns

๐Ÿค”

Peng Jie

๐Ÿ’ป

Binyamin Aron Green

๐Ÿ’ป

Michal

๐ŸŒ

Quinn Blenkinsop

๐Ÿ’ป

Dwiferdio Seagal Putra

๐Ÿ’ป

Ashley Woodall Clark

๐Ÿ’ป

Tim Wienk

๐ŸŒ

Jeremy Shih

๐ŸŒ

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (66,588)ย 
education (260)ย 
snippets (147)ย 
presentation (75)ย 
sharing (44)ย 
carbon (21)ย 
beautiful (16)ย 

Find Open Source By Browsing 7,000 Topics Across 59 Categories

Advertising ๐Ÿ“ฆ10
All Projects
Application Programming Interfaces ๐Ÿ“ฆ124
Applications ๐Ÿ“ฆ192
Artificial Intelligence ๐Ÿ“ฆ78
Blockchain ๐Ÿ“ฆ73
Build Tools ๐Ÿ“ฆ113
Cloud Computing ๐Ÿ“ฆ80
Code Quality ๐Ÿ“ฆ28
Collaboration ๐Ÿ“ฆ32
Command Line Interface ๐Ÿ“ฆ49
Community ๐Ÿ“ฆ83
Companies ๐Ÿ“ฆ60
Compilers ๐Ÿ“ฆ63
Computer Science ๐Ÿ“ฆ80
Configuration Management ๐Ÿ“ฆ42
Content Management ๐Ÿ“ฆ175
Control Flow ๐Ÿ“ฆ213
Data Formats ๐Ÿ“ฆ78
Data Processing ๐Ÿ“ฆ276
Data Storage ๐Ÿ“ฆ135
Economics ๐Ÿ“ฆ64
Frameworks ๐Ÿ“ฆ215
Games ๐Ÿ“ฆ129
Graphics ๐Ÿ“ฆ110
Hardware ๐Ÿ“ฆ152
Integrated Development Environments ๐Ÿ“ฆ49
Learning Resources ๐Ÿ“ฆ166
Legal ๐Ÿ“ฆ29
Libraries ๐Ÿ“ฆ129
Lists Of Projects ๐Ÿ“ฆ22
Machine Learning ๐Ÿ“ฆ347
Mapping ๐Ÿ“ฆ64
Marketing ๐Ÿ“ฆ15
Mathematics ๐Ÿ“ฆ55
Media ๐Ÿ“ฆ239
Messaging ๐Ÿ“ฆ98
Networking ๐Ÿ“ฆ315
Operating Systems ๐Ÿ“ฆ89
Operations ๐Ÿ“ฆ121
Package Managers ๐Ÿ“ฆ55
Programming Languages ๐Ÿ“ฆ245
Runtime Environments ๐Ÿ“ฆ100
Science ๐Ÿ“ฆ42
Security ๐Ÿ“ฆ396
Social Media ๐Ÿ“ฆ27
Software Architecture ๐Ÿ“ฆ72
Software Development ๐Ÿ“ฆ72
Software Performance ๐Ÿ“ฆ58
Software Quality ๐Ÿ“ฆ133
Text Editors ๐Ÿ“ฆ49
Text Processing ๐Ÿ“ฆ136
User Interface ๐Ÿ“ฆ330
User Interface Components ๐Ÿ“ฆ514
Version Control ๐Ÿ“ฆ30
Virtualization ๐Ÿ“ฆ71
Web Browsers ๐Ÿ“ฆ42
Web Servers ๐Ÿ“ฆ26
Web User Interface ๐Ÿ“ฆ210