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
- Linear Progress
- Logo Component
- Stackoverflow Component
- Experience Component
- Button 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 !
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
[![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
you can copy paste this to generate a logo component
change the
&logo=
to the techstack logo you need to add
[![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
you can copy paste this to generate a Stackoverflow component
change the
&stackoverflowid=
to your own stackoverflow id.
[![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
you can copy paste this to generate a Experience component
change the
&company=
to the company you work at
[![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
You can use the below code to generate a Button Component
change the
&text=
with the text you want to show in your button
[![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
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
[![StarRating Component](https://readme-components.vercel.app/api?component=star-rating&skill=css3&text=4)](https://github.com/harish-sethuraman/readme-components)
For details regarding contribution guidelines read contributions.md
- Wanna contribute ? Fork it 💜
- 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 !