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/carbonTags | carbon github-gist tweets nextjs screenshot beautiful snippets codemirror |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
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.
education snippets presentation sharing beautiful github-gist carbon tweet🎨 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.
cli-app cli cli-utilities cli-utility cli-tool cli-application cli-command command-line nodejs node carbon-now carbon-now-sh carbon-now-sh-cli carbon screenshot beautifulThe 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.
html scss carbon-design-system css carbon component components ibm js library pattern patterns sass style-guide eyeglass-moduleCarbon 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.
typescript svelte-components svelte component-library carbon design-system ui-library carbon-design-system carbon-componentsA 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-design-system react carbon carbon-componentsThis 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-system react carbon carbon-componentsThe 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.
sketch design carbon-design-systemCarbon 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.
ios component node diffing declarative render react delegate datasource differencekit functionbuilder uicollectionview uitableviewFaster 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 graphite timeseries whisper devopsThe 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.
sketch designCarbon 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.
html scss carbon-design-system cssBloom 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.
climate-change carbon-footprint climate-impact life-cycle-assessment carbon-modelFaster 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).
devops timeseries graphite carbon hacktoberfest whisperThis project was generated with electron-vue@1c165f7 using vue-cli. Documentation about the original structure can be found here.
snippets manager electron vue vuejs vuejs2 developers snippet code notes github gist gist-client github-gist gists gist-manager gists-files snippets-editor editorCarbon 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 graphite graphite-components time-series metricsThis 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 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.
graphite monitoring relaysThis 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.
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!*********
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.
i18n carbon dates internationalization internationalisation
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.