- Home
-
Otp form
Otp form
SImple opt form with resend and verify button
This tailwind example is contributed by Rafferty Kim, on 12-Jun-2023. Component is made with Tailwind CSS v3. It is responsive.

Author Rafferty Kim
Related Examples
-
1 year ago16.7k
-
2 years ago9.3k
-
2 years ago11.9k
-
1 year ago5.2k
-
1 month ago366
-
Contact us section
Minimal contact us form
1 year ago5.4k -
3 months ago500
-
2 years ago23.2k
-
2 years ago15.7k
-
Post Detail
Post detail with form
5 months ago807 -
Registration Form
Color Updates: - Changed gradient background to `from-indigo-800 to-blue-900` - Updated text colors to `text-indigo-800` and `text-indigo-900` - Changed button colors to match the new theme - Updated focus rings to use indigo colors Enhanced Styling: - Added smooth transitions with `transition-all duration-300` - Improved shadow with `shadow-2xl` - Added hover scale effect on button - Increased border radius to `rounded-xl` - Added fade-in animation for the form Improved Validation: - Added visual feedback for invalid fields - Added input event listeners to clear error states - Added trim() to username and email validation - Added form reset after successful submission Accessibility Improvements: - Maintained proper contrast ratios - Kept focus states visible - Added proper spacing for better readability - Ensured all interactive elements are properly styled Added Interactions: - Smooth hover transitions - Scale animation on button hover - Immediate feedback on input - Clear error messaging
5 months ago1.3k -
Forgot password form
Useful form for sending password reset link
5 months ago780
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components