Gradient-Pricing
Cursor-Inspired Pricing Component with Gradient Aesthetics.
Gradient-Pricing - Cursor-Inspired Pricing Component with Gradient Aesthetics.
gradient-pricing is a visually rich, fully responsive pricing component inspired by Cursor’s polished pricing UI. Featuring smooth gradient backgrounds, theme adaptability, and a flexible layout, it’s perfect for SaaS landing pages, product comparison sections, or plan selection modals.
Crafted with React, TypeScript, Tailwind CSS, and custom CSS for gradient effects, this component supports light and dark modes, adapts gracefully across all screen sizes, and is built for reuse and customization. Its modern visual style makes it ideal for showcasing pricing tiers, features, and value clearly and attractively.