@ajstudioz/pricing-component

Beautiful, animated pricing components for React. Install with one command.

Installation

npx @ajstudioz/pricing-component@latest add

Features

• ✨ Animated price transitions
• 🎨 Fully customizable
• 📱 Responsive design
• ♿ Accessible
• 🚀 TypeScript support
• 🎯 Zero configuration

Usage

import { PricingCard } from '@/components/pricing/pricing-card';
import { INDIVIDUAL_PLANS } from '@/components/pricing/constants';

export default function PricingPage() {
  return (
    <div className="grid md:grid-cols-3 gap-6">
      {INDIVIDUAL_PLANS.map(plan => (
        <PricingCard key={plan.id} plan={plan} isYearly={false} />
      ))}
    </div>
  );
}

License

MIT © AJ STUDIOZ