Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- 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 (7 months ago)
- Last Synced: 2024-12-29T21:09:21.766Z (27 days ago)
- Topics: dynamic, hacktoberfest, profile-readme, readme-generator, serverless
- Language: JavaScript
- Homepage: https://readme-components.vercel.app
- Size: 87.9 KB
- Stars: 114
- Watchers: 4
- Forks: 27
- 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
[![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 !