Neon Pricing Page
PagesFull Preview
A vibrant pricing page with neon aesthetics.
Preview Size:
Choose Your Plan
Power up your development with our neon-powered pricing
Starter
$9/month
- 5 Projects
- Basic Support
- Core Components
MOST POPULAR
Pro
$29/month
- Unlimited Projects
- Priority Support
- All Components
- Custom Themes
Enterprise
$99/month
- Everything in Pro
- Custom Development
- 24/7 Support
- White Label
Viewing in Desktop size (1200px × 800px)View Full Size
Usage Instructions
Installation
Copy the component code and paste it into your project. Make sure you have the required dependencies installed.
bash
npm install framer-motion lucide-reactBasic Usage
Import and use the component in your React application:
tsx
import { NeonPricingPage } from '@/components/neon-pricing-page';
export default function MyPage() {
return (
<div>
<h1>My Page</h1>
<NeonPricingPage />
</div>
);
}Customization
This component accepts various props for customization. Check the component code to see all available props and their types.
Component Info
Category
Pages
Framework
React + Next.jsStyling
Tailwind CSSCSS
Dependencies
framer-motionlucide-react