A
Anonymous

Subscription Pricing Dashboard - Copy this Html, Tailwind Component to your project

General Layout: The background is dark, with a minimalist design style and clear, organized sections for each subscription plan. On the left side, there is a vertical sidebar with navigation and feature options, while the main section in the center showcases the subscription plans in a horizontally aligned grid. Sidebar (Left Panel): The sidebar features the ImagineArt logo or name at the top. Below, there are various menu items: Home Train Model (with a "Waitlist" label) Updates A section called Studios includes links for: Image Studio Video Studio Ideate Studio (marked with "Beta") Music Studio (with a "Waitlist" label) Subscription & Billing section includes: API Manage Subscription (highlighted with a button style) Customer Support At the bottom, there is a Download button with a dropdown icon, likely offering various download options. Main Pricing Section: At the top, there is a selection option to switch between Monthly and Yearly billing, with a "30% off" label for the yearly option. The pricing plans are displayed in four columns: Basic, Standard, Professional, and Unlimited. Each column has a title, price, description, and “Get Started” button. Subscription Plans: Basic Plan: Cost: 10 USD per month (billed yearly). 18K tokens per year. Includes: All styles & models, commercial license, public generation privacy, standard support, and standard new feature access. Standard Plan: Cost: 20 USD per month (billed yearly). 60K tokens per year. Includes: All styles & models, commercial license, public generation privacy, standard support, and early new feature access. Professional Plan (highlighted as Best Value): Cost: 41 USD per month (billed yearly). 180K tokens per year. Includes: Access to Ideate Studio, all styles & models, commercial license, private generation privacy, priority support, early new feature access, and higher priority in the generation queue. Unlimited Plan: Cost: 83 USD per month (billed yearly). 480K tokens per year. Includes: Unlimited real time generations, access to Ideate Studio, all styles & models, commercial license, private generation privacy, dedicated support, earliest new feature access, and highest priority in the generation queue. Additional Elements: Above the pricing section, a row displays logos of various well known brands, such as Netflix, Uber, IKEA, Red Bull, Spotify, and Salesforce, likely as a form of credibility or customer endorsement. In the top right corner, there are options to Join Community, a point counter (displayed as "50"), an Upgrade button in purple, and a profile icon with the user’s initial. The layout is clear and informative, with each plan distinctly separated for easy comparison. The use of dark theme, bold fonts, and rounded buttons makes it visually appealing and aligned with modern design standards.

Prompt
Component Preview

About

Subscription Pricing Dashboard - Clear layout with dark theme, organized plans, sidebar navigation, and pricing options. Built with HT. Get instant access!

Share

Last updated 1 month ago