nft card

Related Examples

• 
  Checkbox models

  Tailwind Checkbox models

  Author:
  QQ-VVN

  9 months ago

  1.1k
• 
  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.

  Author:
  Juan D. Cortorreal

  2 months ago

  354
• 
  Gradient Flip-Text Button with Hover Animation

  This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

  Author:
  SHARIFUL ISLAM

  1 year ago

  1.3k
• 
  Resizable container

  Resizable container

  Author:
  Ganesh Salunke

  1 month ago

  78
• 
  Best Log In page ever

  Instagram look like but not copy right 🤗,best login and sign and even for many others

  Author:
  ORGIN_DREAMS

  8 months ago

  847
• 
  Privacy policy page template

  Author:
  Sameer Sultana

  2 years ago

  18.9k
• 
  Landi page template

  con un cuerpo libre

  Author:
  Raul antonio de la cruz hernandez

  1 month ago

  59
• 
  cards

  cards with background animation

  Author:
  Anonymous

  2 years ago

  11.4k
• 
  Linear infinite brand scrolling with hover effect

  Beautiful lineat brand scrolling partner with hover effect

  Author:
  Walid Ahmad

  1 year ago

  2.5k
• 
  BONIMATOR Responsive Tailwind Starter Template

  Responsive Tailwind Starter Template

  Author:
  Bonimater

  7 months ago

  809
• 
  Clean Component Sharing Hub (Landing State)

  A minimalist, "before-talking" landing screen designed for a code or design component sharing platform. Features a welcoming header, three distinct action cards for sharing/browsing/exporting code, and a floating input bar, all styled with soft shadows and ample white space mimicking modern design tools.

  Author:
  Hamza Atig

  1 month ago

  145
• 
  Health Tracker - Diet Calorie Management App

  Health Tracker - Diet Calorie Management App

  Author:
  Tanvir Hasan Bappy (Tanvir)

  1 month ago

  42