This simple and small react component can check your repository stars and change theme on light/dark

Overview

NPM JavaScript Style Guide NPM npm GitHub stars npm bundle size

Repository metrics for react

This beauty and easy (4KB) react component can help you add metrics to your repositories also you can change component theme on light/dark


Install:

npm i repository-metrics
---
yarn add repository-metrics

Usage:

// don't forget change props
import { RepositoryMetrics } from 'repository-metrics';

const App = () => {
  return (
    <div>
      <RepositoryMetrics 
      owner='Ivan-Corporation' 
      repo='Komolio' 
      theme='light' 
      />

      <RepositoryMetrics 
      owner='Ivan-Corporation' 
      repo='3D-Planet-destroyer' 
      theme='dark' 
      />
    </div>
  );
};

Examples:


Check demo here:

https://komolio.netlify.app/projects


Props:

props required default description
owner(string) yes - your github account username
repo(string) yes - your repository name
theme(string) yes - theme for component (light/dark)
You might also like...

Check Your Nearest Vaccination Center And Slots Availability using pincode and district name.

Check Your Nearest Vaccination Center And Slots Availability using pincode and district name.

Vaccine Tracker Application - Pan India 💉 Website • Playstore made with ♥ for the people of India DevIncept is an 30 day open source program helping

Nov 3, 2022

Check if your location is actually hidden.

LocateJS Check it out here: https://z0ccc.github.io/LocateJS/. About LocateJS predicts your location by analyzing your connection and system data. Thi

Jan 9, 2023

An implementation of React v15.x that optimizes for small script size

react-lite Introduction react-lite is an implementation of React that optimizes for small script size. Note: react-lite dose not support React v16.x n

Dec 10, 2022

Small (0.5 Kb) react hook for getting media breakpoints state info in runtime

tiny-use-media Small (0.5 Kb) react hook for getting media breakpoints state info in runtime Usage npm i tiny-use-media --save Adn in your react code

Dec 13, 2022

Simple React Native marquee component,fully implemented using reanimated v2,support to iOS/Android/Web.

@react-native-reanimated-community/react-native-reanimated-marquee Simple React Native marquee component,fully implemented using reanimated v2,support

Sep 25, 2022

Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.

Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.

react-native-scrollable-tabview English | 简体中文 Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab

Dec 30, 2022

A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere

A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere

@yomo/react-cursor-chat 🧬 Introduction A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real

Nov 17, 2022

The repository helps you learn React by building Netflix :star:

The repository helps you learn React by building Netflix :star:

Learn React by Building Netflix. Click ⭐ if you like the project. Pull Request are highly appreciated ❤️ You can check the advance folder for more Rea

Dec 22, 2022

A forkable Next.js site w/ a blank custom Nextra theme (w/Tailwind)

Nextra Blank Custom Theme/Boilerplate Example A nearly blank MDX blog/content site powered by a custom Nextra theme (see components/layout.js) w/Tailw

Jan 6, 2023
Releases(3.7.5)
  • 3.7.5(Feb 8, 2022)

    This is release and full work version of github-repository-metrics

    Full Changelog: https://github.com/Ivan-Corporation/github-repository-metrics/commits/3.7.5

    Source code(tar.gz)
    Source code(zip)
A small tool to help you check package duplicates in `yarn.lock`

Yarn Duplicate A small tool to help you check duplicate package and package size in yarn.lock. Usage Change to your project root folder, which have a

Cam Song 14 Aug 11, 2021
use this to replace redux,you can use useActions to change context value and useActions return a mutable function collection

English | 中文 NOTE react-context-mutation is a lighter and more convenient state manager designed for react applications. It aims to replace the Redux

null 19 Feb 22, 2022
Light-weight react-like maximum-optimistic library for building user interfaces.

wili Wili is a 2kb Light-weight react-like maximum-optimistic library for building user interfaces. Usage Welcome componenet: class Welcome extends Wi

Amir Fo 3 Feb 16, 2022
A small component based app library composing user interfaces and apps.

See https://vibejs.com for ongoing documentation and info. VibeJS A small component based JavaScript library to build user interfaces and apps. If you

Bret 20 Nov 16, 2022
A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.

fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s

Victor Dantas 9 Jun 30, 2022
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.

React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too

Marc Ramos 1 Dec 22, 2021
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Material-UI 83.6k Dec 30, 2022
This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

VeganRecipe ?? ?? ?? ?? Hello! This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app. ?? ?

Murat 4 Mar 27, 2022
Hello, world! :) Welcome to this project. This is a free web repository that you can use as a blog for your website. This project is dedicated to "Sina Sattari" as an honorary title.

QURNO News/Technology Web Application Greetings and courtesy to all of you dear colleagues and friends of the DarkDragons team. We came back with anot

DarkDragons Team 12 Sep 8, 2022
React Native's Global Alert Component that can be fully customized and without the need of a state.

?? React Native Easy Alert React Native Easy Alert Component. Watch on youtube Easy Alert example app. React Native's Global Alert Component that can

null 9 Feb 21, 2022