Buttons (@ruchiralk/buttons)

@ruchiralk/buttons is an npm package that provides beautifully styled, responsive, and customizable buttons for your projects. Whether you need a simple button, a fancy button or an engaging like button, this package has you covered.

1. Installation

To install the package, use the following command:

npm i @ruchiralk/buttons

2. Setup

Import the package's styles into your React application:

import '@ruchiralk/buttons';

Example:

3. Use the buttons

Coding button

<button className="codingbutton">Hover Me</button>

Coding button 2

<button className="codingbutton2">Hover Me</button>

Color type button

<button class="colortypebutton">Hello World</button>

Cool-hover button

<button class="coolhover1">Button</button>

Cool-hover button 2

<button class="coolhover2">Button</button>

Cool-hover button 3

<button class="coolhover3">Button</button>

Cool-hover button 4

<button class="coolhover4">Button</button>

Cool-hover button 5

<button class="coolhover5">Button</button>

Like-button

<div class="like-button">
    <input class="on" id="heart" type="checkbox" />
    <label class="like" for="heart">
        <span class="like-icon"></span>
        <span class="like-text">Likes</span>
    </label>
        <span class="like-count one">53</span>
        <span class="like-count two">54</span>
</div>

Notofication button

<button class="notoficationbutton">
    <div class="bell"></div>
      Notifications
    <div class="arrow">›</div>
</button>

Fancy button

<button class="fancybutton">Hover Me</button>

Simple button 1

<button class="simplebutton">Hover Me</button>

Simple button 2

<button class="simplebutton2">Hover Me</button>

Simple button 3

<button class="simplebutton3">Hover Me</button>

Simple button 4

<button class="simplebutton4">Hover Me</button>

Simple button 5

<button class="simplebutton5">Hover Me</button>

Simple button 6

<button class="simplebutton6">Hover Me</button>

Simple button 7

<button class="simplebutton7">Hover Me</button>

✨Feedback

If you have any feedback, please reach me. www.ruchiralk.me | [email protected]

🔗 Links