react-craftify-buttons

A collection of creative and customizable button components for React applications.

Features

• 🎨 Beautifully designed buttons
• 🛠️ Easily customizable with CSS classes
• ⚙️ Flexible configuration options
• 📦 Lightweight and dependency-free

Installation

Install the package using npm:

npm react-craftify-buttons

How to use it ?

There are 35 button components listed in the provided code snippet.

Available Button Components

This library provides a wide variety of button components that you can easily integrate into your React projects. Here's a list of the available button components:

• SecondaryButton
• AnimatedButton
• ButtonGroup
• DiagonalSwipeButton
• GenerateBtn
• PrimaryButton
• ShakeButton
• StyledButton
• TertiaryButton
• CustomIconButton
• CustomStyledButton
• FancyArrowButton
• FancyGradientButton
• FancyLetterSpacingButton
• FancyOutlineButton
• FancyShadowButton
• GradientBorderButton
• HoverEffectButton
• Lovebtn
• RefreshButton
• MacOsButton
• PaperButton
• ScottButton
• GradientGemButton
• GoogleButton
• LinkedinButton
• CoinbaseButton
• AppleButton
• StripeButton
• AmazonButton
• BlobButton
• BoscockButton
• Button51
• ConicButton
• PinturaButton
• ThreeDButton

Feel free to explore and experiment with these button components to enhance the user experience in your React applications!

import React from 'react';
import { 
  PrimaryButton,
  SecondaryButton,
  AnimatedButton,
  ButtonGroup,
  DiagonalSwipeButton,
  GenerateBtn,
  // Add more imports for other buttons
} from 'react-craft-buttons';

const MyComponent = () => {
  return (
    <div>
      <PrimaryButton onClick={() => console.log('Primary button clicked')}>
        Click Me
      </PrimaryButton>
      <SecondaryButton>Secondary</SecondaryButton>
      <AnimatedButton>Animated</AnimatedButton>
      <ButtonGroup>Group</ButtonGroup>
      <DiagonalSwipeButton>Swipe</DiagonalSwipeButton>
      <GenerateBtn>Generate</GenerateBtn>
      {/* Add more buttons here */}
    </div>
  );
};

export default MyComponent;

Contributing

Contributions are welcome! If you'd like to contribute to the React Craft Buttons project, we encourage you to get involved. Whether you have bug reports, feature requests, or code enhancements, your input is valuable.

Bug Reports and Feature Requests

If you encounter any bugs or have ideas for new features, please open an issue. Provide detailed information about the bug or feature, and use appropriate labels to categorize it.

Pull Requests

We appreciate contributions from the community. If you'd like to contribute code changes, you can do so by following these steps:

1. Fork the repository to your GitHub account.
2. Create a new branch from the main branch for your changes.
3. Make your code enhancements or bug fixes on this branch.
4. Commit your changes with clear and concise messages.
5. Push the changes to your forked repository.
6. Open a pull request against the main repository's branch.

Please ensure that your code follows the project's coding style and passes the existing tests and linting checks.

By contributing, you'll be helping to improve the library for everyone in the community. We're grateful for your support!

License

This project is licensed under the MIT License - see the LICENSE file for details.