Animated modal with Tailwind Css and alpinejs

Related Examples

• 
  Login popup modal

  centered modal for gaining more attention from users, it also has social login buttons.

  Author:
  R Thapa

  2 years ago

  17k
• 
  popup modal contact form

  Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript

  Author:
  Ti To

  1 year ago

  7.9k
• 
  popup modal contact form

  Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript uses fabform.io

  Author:
  Ti To

  1 year ago

  6.8k
• 
  Incentives

  tailwind css Incentives

  Author:
  Anonymous

  1 year ago

  5.1k
• 
  File Upload

  Author:
  Rajesh Maheshwari

  9 months ago

  941
• 
  Login popup modal

  centered modal for gaining more attention from users, it also has social login buttons.

  Author:
  Anonymous

  8 months ago

  505
• 
  Best Log In page ever

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

  Author:
  ORGIN_DREAMS

  6 months ago

  656
• 
  OTPverification

  Author:
  Ratikanta Pradhan

  4 months ago

  438
• 
  Login Template

  its is a basic login template

  Author:
  Sergio Gonzalez

  5 months ago

  345
• 
  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

  4 days ago

  22
• 
  Chat Bot

  Simulation of a chat bot that can be used for conversations as a sketch idea

  Author:
  Ameth Galarcio

  1 year ago

  3.4k
• 
  Error popup modal

  Author:
  Jindřich Stoklasa

  1 year ago

  1.7k