own-animation

Reusable animated CTA button for React + Framer Motion.

Install

npm install own-animation framer-motion

npx Usage

npx own-animation init

This creates ParthDevButton.jsx in your current folder.

Custom output file:

npx own-animation init --out ParthDevButton.jsx

Overwrite existing file:

npx own-animation init --out ParthDevButton.jsx --force

Usage

import { PrimaryHeroButton } from 'own-animation'

export default function App() {
  return (
    <PrimaryHeroButton
      label="Start Free Trial"
      onClick={() => console.log('clicked')}
    />
  )
}

Props

• label (string) - Button text.
• className (string) - Extra classes for custom styling.
• animation (boolean) - Enable/disable hover animation. Default: true.
• ...buttonProps - Any native button props (onClick, disabled, aria-*, etc).

Notes

• The component uses motion.button, so it requires React and Framer Motion.
• The default classes are Tailwind utility classes; override with your own className if needed.

Publish to npm

1. Update package name in package.json to your unique npm package name.

2. Login:

   npm login

3. Build and publish:

   npm publish --access public