KinfeMichael Tariku

Colorful-Pricing

Pricing 86

About

beautifully crafted pricing section with amazing themes and fully support black and light mode.

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

Code

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

Usage.tsx

import FUIPricingSectionWithOnePlan from "@/components/ui/colorful-pricing";


export default function FUIPricingSectionWithOnePlanDemo() {
  return <FUIPricingSectionWithOnePlan />;
}

More by KinfeMichael Tariku

View all
  • Hero Section Dark

    Hero Section Dark

    1.4K
  • Bento

    Bento

    1.1K
  • Animated Hero

    Animated Hero

    377
  • Hero with Logos

    Hero with Logos

    201
  • Sliding Testimonial

    Sliding Testimonial

    141
  • Pricing 2

    Pricing 2

    2
  • Jelly-Hero

    Jelly-Hero

    2
  • Pricing

    Pricing

    2

More in Pricing

View all
  • Pricing Section

    Pricing Section

    606
  • Pricing Card

    Pricing Card

    540
  • Pricing Section

    Pricing Section

    181
  • Pricing Card With Features

    Pricing Card With Features

    176
  • pricing section

    pricing section

    166
  • Pricing Cards

    Pricing Cards

    89
  • Single Pricing Card

    Single Pricing Card

    797
  • RuixenPricing05

    RuixenPricing05

    103