carbon-app/carbon: Create and share beautiful images of your ...

Import. There are a few different ways to import code into Carbon: Drop a file onto the editor; Append a GitHub gist ID to the ... Skiptocontent {{message}} carbon-app / carbon Public Notifications Fork 1.7k Star 29.8k 🖤Createandsharebeautifulimagesofyoursourcecode carbon.now.sh MITLicense 29.8k stars 1.7k forks Star Notifications Code Issues 17 Pullrequests 1 Discussions Actions Security Insights More Code Issues Pullrequests Discussions Actions Security Insights Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. main Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 5 branches 216 tags Code Latestcommit mfix22 4.9.5 … 1ba20d7 Mar7,2022 4.9.5 1ba20d7 Gitstats 1,764 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime .github UpdateCONTRIBUTING.md Jan26,2022 bin usevercelinsteadofnow(#1266) Oct13,2021 components removeEmailSubscribe Feb20,2022 cypress fixsecurityspec May22,2021 docs fixutm_source Feb9,2022 lib AddseparatelanguagemodeforF#(#1333) Feb8,2022 pages removeunnecessaryfontload Feb21,2022 public updaterobots.txt May22,2021 .all-contributorsrc addhatsu38ascontributor Feb8,2022 .eslintrc.js eslintconfigfornextjs(#1322) Jan29,2022 .gitignore usevercelinsteadofnow(#1266) Oct13,2021 .npmrc addregistrytonpmrc Oct2,2018 .prettierrc Upgradedependencies(#981) Apr5,2020 .vercelignore .vercelignore Jan25,2022 LICENSE UpdateLICENSE Jan25,2022 README.md fixutm_source Feb9,2022 SECURITY.md CreateSECURITY.md Aug15,2021 next.config.js moveimage/topages/(#1301) Dec15,2021 package.json 4.9.5 Mar7,2022 release.js tryournow-release May30,2019 vercel.json updatevercel.jsonfunctions Feb8,2022 yarn.lock removeEmailSubscribe Feb20,2022 Viewcode Translations Introduction Features Usage Import Customization Exporting&Sharing Createasavedsnippet Embedasnippet UsetheTweetbutton Downloadtheimagedirectly InstallingCarbonforDesktop(Offline) Community EditorPlugins Tools Citations Authors License Contribute&Support Sponsors&Backers ThanksTo AllContributors README.md Translations Español हिंदी Deutsch 简体中文 Português മലയാളം Türkçe 한국어 தமிழ் Français 日本語 Svenska Polski Nederlands 正體中文 Indonesia Українська Italiano עברית Add+ Introduction YouknowallofthosecodescreenshotsyouseeonTwitter?Thoughthecode'susuallyimpressive,wesawroomforimprovementintheaestheticdepartment.Carbonmakesiteasytocreateandsharebeautifulimagesofyoursourcecode.Sowhatareyouwaitingfor?Goimpressallofyourfollowerswithyournewfounddesignprowess. Features Customization.Customizethingslikeyourimage'ssyntaxtheme,fontstyle,andmore Sharequickly.Saveyourimageor alinkwithoneclick Savesnippets.Createanaccounttosavesnippetsforlater.SharedsnippetsareautomaticallyunfurledonTwitterandSlack. Usage Import ThereareafewdifferentwaystoimportcodeintoCarbon: Dropafileontotheeditor AppendaGitHubgistIDtotheURL(e.g.carbon.now.sh/) Orjuststarttyping! Customization Onceyou'vegotallofyourcodeintoCarbon,youcancustomizeyourimagebychangingthesyntaxtheme,backgroundcolor,windowtheme,padding,shadows,fonts,andmore. Exporting&Sharing Afteryou'vecustomizedyourimageyoucanshareyoursnippetinanumberofways Createasavedsnippet SharingasavedsnippetwillautomaticallyunfurltheimageonplatformslikeTwitterandSlack.Thisletsusersseeyourcreation,whilealsogivingthemaccesstothesourcecodeviathelink.Betteryet,ifyouneedtomakeanupdate,simplyfollowthelinkyourselftoeditthesnippetdirectly. Tocreateasavedsnippet: Loginusingthe"Signin/Signup"button Editasyounormallywould—yoursnippetwillgetsavedautomatically CopytheURLfromyourbrowserwindowandshareaway! Embedasnippet ThisistherecommendedmethodforsharingCarbononyourownwebsiteorblog.Readerscanevencopythecodewiththeclickofabutton. YoucanembedanyCarbonsnippetinyourwebsitedirectlyusingthecarbon.now.sh/embedURL.The"CopyMenu"letsyouquicklycopythecorrectiFramesnippet,ortheencodedURLforembeddingonplatformslikeMedium. Finally,youcanalsoembedsavedsnippetsorGitHubgistsusingcarbon.now.sh/embed/:id. UsetheTweetbutton TheTweetbuttonwillnotonlysharetheimageonTwitter,butitwillalsocorrectlyencodethealttexttoensureyourimagesareaccessible.However,ifyouwanttotweetimageyourself,pleasecheckouthowtomakeyourTwitterimagesaccessible. Downloadtheimagedirectly CarbonsupportsdownloadingyourimageasaPNGandSVG.YoucanalsoclickExport→Opentoopenyourimagedirectlyinthebrowser.Finally,youcancopytheCarbonimagedirectlytoyourclipboardbygoingtoCopy→Image. InstallingCarbonforDesktop(Offline) IfyouareusingGoogleChrome,oranotherbrowserthatsupportsProgressiveWebApps,youcaninstallCarbonforuseofflineby: Visitcarbon.now.sh Clickyourbrowser'ssettingsmenu Click"InstallCarbon..." Community Checkouttheseprojectsourawesomecommunityhascreated: EditorPlugins IntelliJIDEAcarbon-now-sh-OpenuptheselectioninyourcurrentIntelliJIDEAfileinCarbonthroughacontextmenu Atomcarbon-now-sh-OpenupyourcurrentAtomfileinCarbonwithshift-cmd-A VSCodecarbon-now-sh-OpenupyourcurrentVSCodefileinCarbonwithcommandcarbon SublimeText3carbon-now-sh-OpenuptheselectioninyourcurrentSublimeText3filewithacustomboundkey Vimcarbon-now-sh-OpenuptheselectioninyourcurrentVim/NeovimusingfunctionCarbonNowSh() Emacscarbon-now-sh-OpenuptheselectioninyourcurrentEmacsusinginteractivefunctioncarbon-now-sh Xcodecarbon-now-sh-Openupyourcurrentselectionincarbon.now.sh Xcodenef-ThisXcodeextensionenablesyoutoexportacodeselectionasaCarbonsnippetinasingleaction Tools CLIcarbon-now-cli-OpenafileinCarbonordownloaditdirectlyusingcarbon-now,featuringaninteractivemode,selectivehighlightingandmore CodeExpander-AsmartGitHubgistclientwiththeTextExpanderfeatures nef-ExportmultipleCarboncodesnippetsfromXcodePlayground. @carbonshbot-ATelegramchatbotwichtakesinacodesnippetorgistURLandgeneratesanCarbonimage Rcarbonate-IterativelymanipulateimageaestheticsinRandeitheropeninCarbonordownloaddirectly. CarbonforSlack-UseCarbondirectlyinSlack.Justinvokethe/carboncommand. Citations "CS101-AnIntroductiontoComputationalThinking"-acomputersciencetextbookbySarboRoy. Authors Carbonisaprojectby: MikeFix(@mfix22) BrianDennis(@briandennis) JakeDexheimer(@jakedex) License Contribute&Support Pullrequestsarewelcome!Pleaseseeourcontributingguidelinesformoredetails. Sponsors&Backers ThanksTo ▲VercelforsponsoringCarbon'shosting. AllContributors Thanksgoesouttoallthesewonderfulpeople(emojikey): briandennis💻📖🚇👀 mfix22💬💻🤔 jakedex💬💻🎨📹 andrewda💬💻🐛👀 yeskunall💻📖🔧🐛 stoshfabricius💻 jkling38📖 otobrglez💻 darahak📖 dom96💻 elrumordelaluz💻 cjb💻 Krzysztof-Cieslak💻 fernahh📖 g3r4n💻 MatGadd🐛💻 BradDavies🐛💻 RafaelCâmara💻 GlebBahmutov⚠️🔧 IvánMunguía💻 DillonMulroy💻 NihadAbbasov💻 HugoTorzuoli📖 BrunoC.Couto💻 MarkMolnar💻 TakahikoInayama💻 FrançoisMartin💻 RaphaelAmorim💻 CamronFlanders💻 EricAdamski💻 WinnerCrespo💻🎨 Milos💻🔧📖🌍 YashuMittal💻 RachelM.Carmena📖 MiguelSalazar📖🌍 VyomJain📖🌍 racaljk🌍 Sean💻 IzabelaBorges🌍 ShinilMS🌍 BerkeAtac🌍 LEEYONGJUN🌍 MatthewNielsen💻 Boy📦 VetrivelChinnasamy🌍 FarzadYZ💻🤔 YannickLoriot🌍 JoelHanson💻 MuhammadMuzzammil💻 souppower🚇 MasatoUrai(@uraway_)🌍 Fernando🌍 MeghaSachdev💻⚠️ AnudeepReddy🚇 Munieru🌍 AdamLusted💻 JoseNoriega🌍 MerlinFuchs🌍 RamyMajouji💻 ViktorNemes💻 EricBailey💻 Nazeefa🌍 PratikButani📝 BaktiAditya💻 CalebTaylor💻 RogérioMunhoz💻 Technoknol💻 TymoteuszMakowski💻 NisarHassanNaqvi🐛 IlyasKarim🐛 NickFix🤔 MelanieSumner🤔 aluc💻 B.Mearns🤔 PengJie💻 BinyaminAronGreen💻 Michal🌍 QuinnBlenkinsop💻 DwiferdioSeagalPutra💻 AshleyWoodallClark💻 TimWienk🌍 JeremyShih🌍 GeorgeMcCarron📖 ErwinRahayu🌍📖 Luca💻 AndrewHayes💻 BereketSemagn💻 LorenzoLancia🌍 GuyAdler🌍 DanBamikiya🤔 kewang🌍 RizdaDwiPrasetya🖋 AbreuY🌍 >_Rizky.dev🌍📖 AbidemiHarry💻 Marco🌍 SamRobbins📖 alceil💻 hatsu💻 About 🖤Createandsharebeautifulimagesofyoursourcecode carbon.now.sh Topics javascript education snippets presentation sharing beautiful github-gist carbon tweet Resources Readme License MITLicense Codeofconduct Codeofconduct Stars 29.8k stars Watchers 253 watching Forks 1.7k forks Releases 210 4.9.5 Latest Mar7,2022 +209releases Sponsorthisproject     LearnmoreaboutGitHubSponsors Contributors169 +158contributors Languages JavaScript 99.9% Shell 0.1% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.