Forgot password form (fullscreen)

This tailwind example is contributed by Prajwal Hallale, on 18-Jan-2023. Component is made with Tailwind v3.4. It is responsive.

Tailwind v3.4 Responsive 12.4k 6

Related Examples

  • Forgot password form

    Useful form for sending password reset link

    22.2k
  • Simple Login Form

    Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

    50.7k
  • Input Formulario

    Input used in the form Link form: https://tailwindflex.com/@ameth1208/login

    3.4k
  • Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSS

    Need a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!

    1.9k
  • tailwind contact form template

    tailwind contact form template

    6.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.3k
  • Responsive Contact Form with TailwindCSS

    A sleek and fully responsive contact form built with TailwindCSS. This form includes input fields for name, email, subject, and message, along with a stylish submit button. The design features a decorative background, smooth focus effects, and optimized mobile responsiveness.

    2k
  • Multi-Step Form Wizard

    Working Multi-Step Form more complex forms. made with tailwind CSS v3 and javascript

    7.8k

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.