Serious Input Html

Related Examples

• 
  Date picker

  Date picker example using flatpickr library

  Author:
  Lîmåã M

  2 years ago

  16.7k
• Upvote downvote buttons [alpine]

  upvote and downvote buttons made as working version in alpine.js

  Author:
  Anonymous

  2 years ago

  8.7k
• Stacked Checkboxes

  Author:
  kishan pc

  1 year ago

  2.6k
• 
  Responsive Sign-Up Form with TailwindCSS

  Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

  Author:
  SHARIFUL ISLAM

  8 months ago

  1.3k
• 
  Review popup form with toggle and stars

  Review popup form with toggle and stars

  Author:
  Ayman Reifoun

  6 months ago

  594
• 
  macOS Style Webpage – macOS Design in the Browser

  A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

  Author:
  Hamza Atig

  1 week ago

  168
• 
  super admin

  super admin

  Author:
  Tanvir Hasan Bappy (Tanvir)

  7 months ago

  991
• 
  Simple Login & Register Page

  Login and Register Page using Tailwind, Alpine JS, and Fontawesome

  Author:
  Ahita Bisma Adlula

  8 months ago

  2.6k
• 
  Responsive fullscreen youtube video

  Author:
  Anonymous

  2 years ago

  8.8k
• 
  Best Chatting dashboard

  create a modern WhatsApp-like chat dashboard with 3D effects, animations, and a sleek design. This will be a static view showcasing the interface with Nicole Shalom as the developer.

  Author:
  Nicole Shalom

  5 months ago

  691
• 
  tailwind contact form

  tailwind contact form

  Author:
  Geoffrey Callaghan

  1 year ago

  2.1k
• 
  portfolio

  This portfolio page for Claire includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support (the design is already dark-themed) 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections 2. Animated skill bars 3. Hover effects on projects and buttons 4. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Skills, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a frosted glass effect using backdrop filters - Text is white for high contrast against the dark background - Sections fade in and slide up as they enter the viewport - Skill bars animate when the skills section is in view - Project cards have a hover effect with scaling and increased opacity - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional portfolio page for Claire, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions and animations.

  Author:
  nejaa badr

  1 year ago

  2k