Responsive fullscreen youtube video

Related Examples

• background animation

  background animation

  Author:
  Anonymous

  1 year ago

  40.6k
• Sticky fullpage pages / slides

  Author:
  Laurits

  1 year ago

  13.9k
• 
  Upvote downvote buttons

  Author:
  Lucas Martinez

  2 years ago

  10.6k
• 
  Image - Figure with figcaption design

  Author:
  Maxim

  4 weeks ago

  164
• 
  Recipe Card

  beautiful recipe component with image and step-by-step instructions

  Author:
  Anonymous

  1 year ago

  6.5k
• 
  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

  1 week ago

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

  3 months ago

  1k
• 
  News feed

  Author:
  Bunny

  1 year ago

  12.9k
• 
  google meet clone

  Meeting application with fully responsive connect my web for jsx https://abhirajk.vercel.app/

  Author:
  Abhiraj

  3 weeks ago

  154
• 
  Tailwind CSS Blog sharing buttons with blog details

  Introducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.

  Author:
  Abid Ullah

  5 months ago

  962
• 
  rotate card

  rotate card

  Author:
  Tanvir Hasan Bappy (Tanvir)

  2 months ago

  532
• 
  Login page

  Author:
  Reuben Enahoro

  2 months ago

  568