Every block your app needs to sell
81 conversion components for Next.js apps built with AI. Add any of them with one command, or ask your AI tool.
Urgency & scarcity
- Announcement barTop-of-page bar for an offer or launch.
- Countdown timerInline timer anywhere on the page.
- Reserved cart timerPro"Your price is held for 03:00" inside the cart.
- Spots left indicatorLive "X of Y left" for cohorts, seats or launches.
- Founders offerFirst-N buyers offer with a live claimed counter. Hides itself once every spot is gone.
- Urgency textOne-line nudge near the buy button.
Social proof & trust
- Trust tickerShort proof points under the hero.
- Avatar rating stackCustomer avatars with a rating.
- Testimonial wallReviews uploaded by you.
- Video testimonialsProCustomer video reviews; videos load only when played.
- Social post wallProPosts from X and LinkedIn as native cards.
- Review platform badgesScores from G2, Capterra, Product Hunt or Trustpilot.
- Logo cloud"Used by teams at…" / "As seen on…".
- Results metricsOutcome numbers from real customers.
- Recent activity toast"Someone just bought Pro", from real purchases only.
- Release badge"v2.4: Next.js 16 ready": shows the product is actively maintained.
- Payment badgesAccepted payment methods under a checkout button.
- Guarantee blockThe money-back promise, made visible.
- Founder noteA personal note from the maker.
Value clarity
- Section headerEyebrow, heading and lead paragraph used at the top of every section block.
- HeroOutcome headline, problem subhead and buy buttons.
- Bento gridFeature outcomes as cards with live visuals.
- Old way vs. new way comparison"Old way vs new way" on a dark panel.
- Before after sliderDrag to compare before and after.
- Niche switcherThe visitor switches the demo to their niche.
- Interactive product tourProClickable hotspots on a product screenshot.
- Video demoProProduct demo video that loads nothing until played.
- Value stack"Everything you get, worth $X" anchored against the real price.
- Feature icon listBenefits with icons.
- Time to value badgeHow fast the buyer gets results.
- FAQ accordionAnswers the reasons not to buy.
- Marquee tickerA scrolling band of benefits or logos.
- Showcase carouselReal sites built with the product.
Pricing & plan choice
- Pricing tablePlans side by side with an optional monthly/yearly toggle.
- Billing toggleMonthly / annual choice with the yearly saving.
- Most popular badgePoints to the recommended plan.
- Bundle selector1 / 2 / 4 licenses or seats with the saving made obvious.
- Volume pricing sliderUnit price for a quantity under volume pricing.
- Competitor comparisonYou vs named alternatives.
- Savings displayLive "you save $X" that updates with the order.
- Plan quizPro"Which plan fits you?" in a few questions.
- ROI calculatorProTurns the price into a return the visitor calculates themselves.
- Local pricingProPrices in the visitor's currency, from any component under LocalPricingProvider.
Order value
- Order bumpProOne-click add-on inside the cart.
- Post purchase upsellProA one-click offer right after payment, charged to the card the buyer just used.
- Cart goal progressPro"Add $21 more to unlock +100 credits": progress toward the next cart reward.
- Threshold bonusProA free bonus once the cart passes a threshold.
Checkout friction
Recovery & incentives
Lead capture
Activation & onboarding
In-app monetization
- Paywall modalProAppears at the moment of value: out of credits, a locked feature, or a soft pitch. Every variant closes with the X and Esc.
- Feature gate drawerProLocked vs unlocked, side by side, at the moment a user hits a paid feature.
- Usage meterProCredits or quota left, turning to a warning as it runs low.
- Upgrade nudgeProA prompt to upgrade as usage nears the limit.
Retention & churn
- Cancel flowProPause, downgrade or save offer before cancelling, and the reason why.
- Failed payment bannerProRecovers failed card payments by sending the customer straight to update their card.
- Changelog widget"What's new": shows the product is alive.
- NPS widgetProFeedback that feeds testimonials: promoters (9–10) can agree to be quoted.
Lifecycle email templates
Virality, referrals & reviews
- Share pageProA public page for something a user made, with a "Built with…" footer.
- OG image card engineProAuto-generated share image. Render it with `new ImageResponse(<OgCard … />, OG_SIZE)` from `next/og` in an `opengraph-image.tsx`. Inline styles and flexbox only: that's what the image renderer supports.
- Share modalProPre-filled posts, copy link, confetti.
- Referral widgetPro"Give $X, get $X": the user's invite link with one-click copy.
- Affiliate program kitProThe affiliate's side: tracking link, balance and commission history.
- Review for creditsProAsks for an honest review right after the first success, rewarded whatever the rating.
- Built with badge"Built with [App]": every page your users publish becomes a referral.