All Projects → haripo → react-github-contribution-calendar

haripo / react-github-contribution-calendar

Licence: other
A React component for GitHub-like heatmap calendar

Programming Languages

HTML
75241 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to react-github-contribution-calendar

Sweetalert React
Declarative SweetAlert in React
Stars: ✭ 244 (+144%)
Mutual labels:  react-component
react-bolivianite-grid
React grid component for virtualized rendering large tabular data.
Stars: ✭ 95 (-5%)
Mutual labels:  react-component
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (-69%)
Mutual labels:  react-component
React Powerplug
🔌 Renderless Containers
Stars: ✭ 2,704 (+2604%)
Mutual labels:  react-component
react-input-trigger
React component for handling character triggers inside textareas and input fields. 🐼
Stars: ✭ 88 (-12%)
Mutual labels:  react-component
react-ogp
🌐 The ultimate React OpenGraph component
Stars: ✭ 27 (-73%)
Mutual labels:  react-component
React Css Grid
React layout component based on CSS Grid Layout and built with styled-components
Stars: ✭ 239 (+139%)
Mutual labels:  react-component
react-amap
基于 React 封装的高德地图组件,助你轻松的接入高德地图到 React 项目中。
Stars: ✭ 73 (-27%)
Mutual labels:  react-component
react-power-select
A highly composable & reusable select/autocomplete components
Stars: ✭ 63 (-37%)
Mutual labels:  react-component
react-svg-icon-generator
Generate React Icon Component from SVG icons to show, resize and recolor them.
Stars: ✭ 65 (-35%)
Mutual labels:  react-component
React Emoji Render
Normalize and render emoji's the way your users expect.
Stars: ✭ 250 (+150%)
Mutual labels:  react-component
rn-markdown
basic markdown renderer for react-native using the great https://github.com/chjj/marked parser
Stars: ✭ 21 (-79%)
Mutual labels:  react-component
redux-autoloader
A higher order component for declarative data loading in React and Redux.
Stars: ✭ 56 (-44%)
Mutual labels:  react-component
React Email Editor
Drag-n-Drop Email Editor Component for React.js
Stars: ✭ 3,131 (+3031%)
Mutual labels:  react-component
react-tv-navigation
React Navigation for TVs
Stars: ✭ 64 (-36%)
Mutual labels:  react-component
Boundless
✨ accessible, battle-tested React components with infinite composability
Stars: ✭ 242 (+142%)
Mutual labels:  react-component
react-win32dialog
💠 Modeless, resizeable and moveable dialog boxes with a classic Windows look-and-feel. Comes with a lightweight window manager that supports window stacking.
Stars: ✭ 30 (-70%)
Mutual labels:  react-component
React-Jupyter-Viewer
A react component to embed .ipyb notebooks in a blog or something
Stars: ✭ 50 (-50%)
Mutual labels:  react-component
react-treeview-component
A react tree-component where user can customize the the tree according to their need
Stars: ✭ 18 (-82%)
Mutual labels:  react-component
react-layer-stack
Layering system for React. Useful for popover/modals/tooltip/dnd application
Stars: ✭ 158 (+58%)
Mutual labels:  react-component

react-github-contribution-calendar

npm version

A responsive react component for GitHub-like heatmap calendar

Demo

Demo and documents

Usage

// main.jsx
import React from 'react';
import ReactDOM from 'react-dom';
import Calendar from 'react-github-contribution-calendar';

var values = {
  '2016-06-23': 1,
  '2016-06-26': 2,
  '2016-06-27': 3,
  '2016-06-28': 4,
  '2016-06-29': 4
}
var until = '2016-06-30';

var elem = document.getElementById('app');
ReactDOM.render(<Calendar values={values} until={until} />, elem);

Install

npm i react-github-contribution-calendar --save

Licence

MIT

Author

haripo

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].