pricing Nos Collections du Monde

pricing Nos Collections du Monde

This tailwind example is contributed by Omer fils ELENGA, on 07-Mar-2026. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Service rates, Subscription plans

Tailwind v3.4 Responsive 434

Related Examples

  • Basic Pricing Cards

    highlight and promote different product or service plans

    7.6k
  • Card

    Card

    3k
  • Pricing table

    pricing table for a software or service offering

    11.8k
  • Paiement Mobile MTN

    Paiement Mobile MTN

    485
  • Subscription Plan Cards

    compare and choose between different subscription plans. It provides essential information such as plan name, price, features, and a signup button

    12.6k
  • Pricing card

    basic pricing card with single price

    550
  • Responsive Pricing Table with Toggle Switch — Built with Tailwind Flex

    A clean, responsive Pricing Table UI built entirely with Tailwind CSS and Flexbox. Includes a smooth monthly/yearly toggle switch, fully mobile-friendly layout, and modern design — perfect for SaaS, startups, freelancers, or any web project. 📱 100% Responsive 🎯 Easily customizable 💡 Ideal for client or personal projects

  • Pricing card

    basic pricing card with single price

    11.3k
  • Interactive Multi-Method Donation Section

    Overview: A high-trust, conversion-oriented fundraising section styled in the project's signature Navy Blue theme. It provides users with flexible payment options, ranging from one-click fixed amounts to manual bank transfers and cryptocurrency donations. Key Features: Smart Amount Logic: Includes a JavaScript-powered selector where users can choose a preset amount ($10, $25, $50) or type a custom value. The interface automatically toggles states (deselecting buttons when typing, and vice-versa) to prevent user error. Payment Methods: Quick Card/Checkout: Primary call-to-action column. Bank Transfer: A clean card displaying account details with a "Copy to Clipboard" utility. Crypto (Bitcoin): A specialized dark-themed card featuring a placeholder QR code and wallet address copying functionality. Trust Signals: Includes security iconography (lock, shield) and reassuring copy to boost donor confidence. Visual Hierarchy: Uses a 7/5 grid split to prioritize the immediate donation action while keeping manual payment methods accessible but secondary. Tech Stack: Framework: Tailwind CSS. Icons: Ionicons. Scripting: Vanilla JavaScript (for amount toggling and clipboard copying functions). Fonts: DM Serif Display (Headings) + Inter (Body). Usage: Ideal for the "Support Us" page or a dedicated campaign landing page. The script tag included at the bottom handles all the interactivity (button selection and text copying) without needing external libraries.

    1.2k

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.