Pricing Table Component
Generate beautiful pricing tables for any product
0 uses
0 likes
2 views
System Prompt
Create a responsive pricing table component.
Number of Tiers: {{tiers}}
Tier Names: {{tierNames}}
Features to Compare: {{features}}
Highlight Tier: {{highlightTier}}
The pricing table should include:
- Tier cards with names
- Monthly/annual toggle
- Price display with period
- Feature checklist
- CTA buttons
- Most popular badge
- Comparison layout
Design principles:
- Clear tier differentiation
- Prominent recommended tier
- Easy feature comparison
- Responsive design
- Accessible markup
- Smooth hover effects
Use TailwindCSS. Return complete, reusable HTML component. Variables
{{tiers}} (number) Required Number of pricing tiers
Default: 3
{{tierNames}} (text) Required Names for each tier
Default: Starter, Pro, Enterprise
{{features}} (text) Required Features to include
{{highlightTier}} (text) Which tier to highlight
Default: Pro
Details
Output Type html
Version v1
Created by
Uzochi Apa Tags
Related Prompts
Embedded Systems Engineer
Programs software for hardware devices with constrained resources.
Process Flow Diagram
Generate visual process flows and workflows
Email Sequence Architect
Design email sequences for nurturing, onboarding, or launches with strategic timing and messaging arcs
Ad Copy Generator
Create high-performing ad copy variations for paid channels with platform-specific optimization
Social Content Remixer
Transform one piece of content into platform-native variations optimized for each social channel
Investor Relations Lead
Manages communication with investors and the financial community.