Efferd

Single Pricing Card

Pricing 795

About

A modern, responsive single-plan pricing section built for SaaS apps. Easy to customize and integrate into any project.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Single Pricing Card to your project and fits it to your theme.

Code

How Single Pricing Card is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Pricing } from "@/components/ui/single-pricing-card-1";

export default function DemoOne() {
	return <Pricing />;
}
  

Dependencies

More by Efferd

View all
  • Testimonials Columns

    Testimonials Columns

    7.1K
  • Zoom Parallax

    Zoom Parallax

    5.2K
  • Dotted Surface

    Dotted Surface

    3.5K
  • Footer Section

    Footer Section

    2.7K
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Logo Cloud 2

    Logo Cloud 2

    1.6K
  • Header 3

    Header 3

    1.6K
  • Logo Cloud 3

    Logo Cloud 3

    1.5K

More in Pricing

View all
  • Pricing Section

    Pricing Section

    582
  • Pricing Cards

    Pricing Cards

    31
  • Pricing Card

    Pricing Card

    535
  • Pricing Section

    Pricing Section

    173
  • pricing section

    pricing section

    158
  • Pricing

    Pricing

    125
  • Glowing Pricing Tiers

    Glowing Pricing Tiers

    45
  • Colorful-Pricing

    Colorful-Pricing

    85