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: 3 days ago
JSON representation
Cards for your readme
- Host: GitHub
- URL: https://github.com/harish-sethuraman/readme-components
- Owner: harish-sethuraman
- License: mit
- Created: 2020-08-10T12:21:59.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-07-03T20:21:36.000Z (10 months ago)
- Last Synced: 2025-04-12T05:51:47.033Z (3 days ago)
- Topics: dynamic, hacktoberfest, profile-readme, readme-generator, serverless
- Language: JavaScript
- Homepage: https://readme-components.vercel.app
- Size: 87.9 KB
- Stars: 122
- Watchers: 3
- Forks: 25
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: license
Awesome Lists containing this project
- project-awesome - harish-sethuraman/readme-components - Cards for your readme (JavaScript)
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
[](https://github.com/harish-sethuraman/readme-components)
```
[](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
[](https://github.com/harish-sethuraman/readme-components)
```
[](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
[](https://github.com/harish-sethuraman/readme-components)
```
[](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
[](https://github.com/harish-sethuraman/readme-components)
```
[](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
[](https://github.com/harish-sethuraman/readme-components)
```
[](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
[](https://github.com/harish-sethuraman/readme-components)
```
[](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: