shadcn-labs

Coupons With Centered Text

Component

About

A centered-text marketing coupon section for HTML email templates, showing a discount code, description and CTA button in several visual variants.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Coupons With Centered Text to your project and fits it to your theme.

Code

How Coupons With Centered Text is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import CouponsWithCenteredText from "@/components/ui/coupons-with-centered-text";

export default function Demo() {
  return <CouponsWithCenteredText />;
}

More by shadcn-labs

View all
  • Email Progress Bar

    Email Progress Bar

    3
  • Stripe Receipt Email

    Stripe Receipt Email

  • Masonry Product Detail

    Masonry Product Detail

  • Post Card

    Post Card

  • Post List

    Post List

  • Data Table

    Data Table

  • Message Bubble

    Message Bubble

  • X Post Card

    X Post Card