Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harish-sethuraman/readme-components

Cards for your readme
https://github.com/harish-sethuraman/readme-components

dynamic hacktoberfest profile-readme readme-generator serverless

Last synced: 20 days ago
JSON representation

Cards for your readme

Awesome Lists containing this project

README

        


Readme Components



Components that make your readme more colorful !


*We have made some components for now and more coming soon !*

*To see how I have used these components visit [this](https://github.com/harish-sethuraman)*
# components
- [Linear Progress](#linear-progress)
- [Logo Component](#logo-component)
- [Stackoverflow Component](#stackoverflow-component)
- [Experience Component](#experience-component)
- [Button Component](#button-component)
- [Star-Rating Component](#star-rating-component)

>*More component on the way!*

>*If you have any component in mind you can add an issue and then create a pull request to add the component to the collection !*

# Linear Progress
*you can copy paste this to generate a linear progress*

>*change the `&skill=` to your skill and give it a value in the `&value` param and its all good to go*

```md
[![css progressbar](https://readme-components.vercel.app/api?component=linearprogress&skill=css&value=50)](https://github.com/harish-sethuraman/readme-components)
```
[![css progressbar](https://readme-components.vercel.app/api?component=linearprogress&skill=css&value=50)](https://github.com/harish-sethuraman/readme-components)

*Feel bored with the same style ? There are much more styles [here](https://github.com/harish-sethuraman/readme-components/blob/master/docs/linearProgress.md)*

# Logo Component
*you can copy paste this to generate a logo component*

>*change the `&logo=` to the techstack logo you need to add*

```md
[![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react)](https://github.com/harish-sethuraman/readme-components)
```
[![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react)](https://github.com/harish-sethuraman/readme-components)

*Feel bored with the same style ? There are much more styles [here](https://github.com/harish-sethuraman/readme-components/blob/master/docs/logoComponent.md)*

# Stackoverflow Component
*you can copy paste this to generate a Stackoverflow component*

>*change the `&stackoverflowid=` to your own stackoverflow id.*

```md
[![stackoverflow card](https://readme-components.vercel.app/api?component=stackoverflow&stackoverflowid=22656)](https://github.com/harish-sethuraman/readme-components)
```
[![stackoverflow card](https://readme-components.vercel.app/api?component=stackoverflow&stackoverflowid=22656)](https://github.com/harish-sethuraman/readme-components)

*Feel bored with the same style ? There are much more styles [here](https://github.com/harish-sethuraman/readme-components/blob/master/docs/stackoverflowCard.md)*

# Experience Component
*you can copy paste this to generate a Experience component*

>*change the `&company=` to the company you work at*

```md
[![Experience component](https://readme-components.vercel.app/api?component=experience&company=freshworks)](https://github.com/harish-sethuraman/readme-components)
```
[![Experience component](https://readme-components.vercel.app/api?component=experience&company=freshworks)](https://github.com/harish-sethuraman/readme-components)

*Feel bored with the same style ? There are much more styles [here](https://github.com/harish-sethuraman/readme-components/blob/master/docs/experienceComponent.md)*

# Button Component
*You can use the below code to generate a Button Component*

>*change the `&text=` with the text you want to show in your button*

```md
[![Button Component](https://readme-components.vercel.app/api?component=button&text=ClickHere)](https://github.com/harish-sethuraman/readme-components)
```

[![Button Component](https://readme-components.vercel.app/api?component=button&text=ClickHere)](https://github.com/harish-sethuraman/readme-components)

*Feel bored with the same style ? There are much more styles [here](https://github.com/harish-sethuraman/readme-components/blob/master/docs/buttonComponent.md)*

# Star-Rating Component
Showcase proficiency level of your skills with Star-Rating component

_You can use the below code to generate a StarRating Component_

> change the `&skill=` to your skill and give it a rating with `&text` param and that's all

```md
[![StarRating Component](https://readme-components.vercel.app/api?component=star-rating&skill=css3&text=4)](https://github.com/harish-sethuraman/readme-components)
```

[![StarRating Component](https://readme-components.vercel.app/api?component=star-rating&skill=css3&text=4)](https://github.com/harish-sethuraman/readme-components)
# Contributions
For details regarding contribution guidelines read [contributions.md](https://github.com/harish-sethuraman/readme-components/blob/master/CONTRIBUTING.md)

# Support
- Wanna contribute ? Fork it :purple_heart:
- New designs are welcome too create an issue for new designs too.
- You can add new components through pull requests.
- You can also report bugs that you find by issues.
- Component requests are also welcome.
- Love the project ? Star it !

An
App :purple_heart: