carbon - 🎨 Create and share beautiful images of your source code

  •        84

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. Visit carbon.now.sh or read our post to learn more about the project.

https://dawnlabs.io/carbon
https://github.com/dawnlabs/carbon

Dependencies:

axios : ^0.18.0
codemirror : ^5.36.0
codemirror-graphql : ^0.6.12
codemirror-mode-elixir : ^1.1.1
dom-to-image : ^2.5.2
downshift : ^2.0.0
dropperx : 0.2.1
graphql : ^0.13.2
highlight.js : ^9.12.0
lodash.debounce : ^4.0.8
match-sorter : ^2.2.0
morphmorph : ^0.1.0
ms : ^2.0.0
next : ^6.0.3
next-offline : ^2.10.1
prettier : ^1.8.1
react : 16.3.*
react-addons-shallow-compare : ^15.6.2
react-click-outside : ^3.0.0
react-codemirror2 : ^5.1.0
react-color : ^2.13.8
react-copy-to-clipboard : ^5.0.1
react-dnd : ^5.0.0
react-dnd-html5-backend : ^5.0.0
react-dom : 16.3.*
react-image-crop : ^4.0.0
react-spinner : ^0.2.7
react-syntax-highlight : ^15.3.1
resize-observer-polyfill : ^1.5.0
tohash : ^1.0.2
url : ^0.11.0

Tags
Implementation
License
Platform

   




Related Projects

carbon - :black_heart: Create and share beautiful images of your source code

  •    Javascript

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. 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.

carbon-now-cli - 🎨 Beautiful images of your code — from right inside your terminal.

  •    Javascript

🎨 Beautiful images of your code — from right inside your terminal. carbon.now.sh by @dawn_labs is a wonderful tool that lets you generate beautiful images of your source code through an intuitive UI, while letting you customize aspects like fonts, themes, window controls and much more.

carbon-components - The component library behind Carbon Design System

  •    Javascript

The Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are systemic and logical, as they all follow the same universal principles. The component library gives developers a collection of re-usable HTML and SCSS partials for building their products.

carbon-components-svelte - Svelte implementation of the Carbon Design System

  •    Svelte

Carbon Components Svelte is a Svelte component library that implements the Carbon Design System, an open source design system by IBM. Design systems facilitate design and development through reuse, consistency, and extensibility.

carbon-components-react - React components for the Carbon Design System

  •    Javascript

A collection of Carbon Components implemented using React. View available React Components here. Usage information is available when you click the blue ? icon in the top right corner of the selected component.


carbon-components-react - React components for the Carbon Design System

  •    Javascript

This project has been moved to the Carbon monorepo. The specific package is available here. For more information about this transition, you can check out this post. All issues and pull requests for this package should be made on that repo instead.

carbon-design-kit - A versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates)

  •    

The Carbon Design Kit is a living, breathing document that contains all of our visual assets (components, iconography, color palettes, grids, templates, responsive behavior, etc). This document evolves and changes as we collaborate with partners and service teams. All of the assets that live in the Design Kit can also be found on our Carbon Design System website. Contains release notes on current and previous versions of the Carbon Design Kit.

Carbon - 🚴 A declarative library for building component-based user interfaces in UITableView and UICollectionView

  •    Swift

Carbon is a library for building component-based user interfaces in UITableView and UICollectionView inspired by SwiftUI and React. This make it painless to build and maintain the complex UIs. Uses DifferenceKit which is highly optimized based on Paul Heckel's paper for diffing. Declarative design and diffing algorithm make your code more predictable, debugging easier and providing beautiful animations to users.

go-carbon - Golang implementation of Graphite/Carbon server with classic architecture: Agent -> Cache -> Persister

  •    Go

Faster than default carbon. In all conditions :) How much faster depends on server hardware, storage-schemas, etc. There were some efforts to find out maximum possible performance of go-carbon on a hardware (2xE5-2620v3, 128GB RAM, local SSDs).

carbon-design-kit - A versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates)

  •    

The Carbon Design Kit is a living, breathing document that contains all of our visual assets (components, iconography, color palettes, grids, templates, responsive behavior, etc). This document evolves and changes as we collaborate with partners and service teams. All of the assets that live in the Design Kit can also be found on our Carbon Design System website. Contains release notes on current and previous versions of the Carbon Design Kit.

carbon - A design system built by IBM

  •    Javascript

Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. If you're just getting started, check out carbon-components. If you're looking for React components, take a look at carbon-components-react.

bloom-contrib - Making carbon footprint data available to everyone.

  •    Jupyter

Bloom was a SaaS that allowed companies to become climate leaders, from calculating their climate impact to communicating about their climate efforts. It connected to as many data sources as possible to assess your carbon footprint and find mitigation opportunities. Tomorrow, the organisation behind Bloom builds tech to empower organisations and individuals to understand and reduce their carbon footprint.

go-carbon - Golang implementation of Graphite/Carbon server with classic architecture: Agent -> Cache -> Persister

  •    Go

Faster than default carbon. In all conditions :) How much faster depends on server hardware, storage-schemas, etc. There were some efforts to find out maximum possible performance of go-carbon on a hardware (2xE5-2620v3, 128GB RAM, local SSDs).

carbon - Carbon is one of the components of Graphite, and is responsible for receiving metrics over the network and writing them down to disk using a storage backend

  •    Python

Carbon is responsible for receiving metrics over the network, caching them in memory for "hot queries" from the Graphite-Web application, and persisting them to disk using the Whisper time-series library.Please refer to the instructions at readthedocs.

carbon-tutorial - An app for the Carbon Design System tutorial

  •    Javascript

This tutorial will guide you in creating a React app with the Carbon Design System. We’ll teach you the ins and outs of using Carbon components, while introducing web development best practices along the way. Get started by visiting the tutorial instructions.

carbon-c-relay - Enhanced C implementation of Carbon relay, aggregator and rewriter

  •    C

carbon-c-relay accepts, cleanses, matches, rewrites, forwards and aggregates graphite metrics by listening for incoming connections and relaying the messages to other servers defined in its configuration. The core functionality is to route messages via flexible rules to the desired destinations. carbon-c-relay is a simple program that reads its routing information from a file. The command line arguments allow to set the location for this file, as well as the amount of dispatchers (worker threads) to use for reading the data from incoming connections and passing them onto the right destination(s). The route file supports two main constructs: clusters and matches. The first define groups of hosts data metrics can be sent to, the latter define which metrics should be sent to which cluster. Aggregation rules are seen as matches.

carbon-tutorial-angular - An Angular app for the Carbon Design System tutorial

  •    

This tutorial will guide you in creating an Angular app with the Carbon Design System. We’ll teach you the ins and outs of using Carbon components, while introducing web development best practices along the way. Get started by visiting the tutorial instructions.

Yet Another Carbon Emacs Distribution

  •    

This project provides individual Apple Installer packages of Carbon Emacs for MacOS X 10.3 and 10.4 and AUCTeX packages for installation into Carbon Emacs. *********THIS PROJECT IS CLOSED. NO FURTHER WORK IS BEING DONE!*********

date - 🗓 A library to help you work with dates in multiple languages, based on Carbon.

  •    PHP

This date library extends Carbon with multi-language support. Methods such as format, diffForHumans, parse, createFromFormat and the new timespan, will now be translated based on your locale.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.