blockquote

Related Examples

• 
  Maintenance page template

  The site is under maintenance placeholder page

  Author:
  Anonymous

  1 year ago

  9.3k
• 
  Apple Dock Navigation Bar

  Author:
  Cristian

  8 months ago

  1.2k
• 
  about video

  about kelaplus video

  Author:
  Omer fils ELENGA

  2 months ago

  186
• 
  default template

  Author:
  Anonymous

  3 months ago

  199
• 
  Tailwind CSS Navbar

  Logo on the left. Main menu with a mega menu under "Services". Responsive design with a hamburger menu for mobile devices. Mega menu appears on hover for desktop and toggles on click for mobile.

  Author:
  KULDEEP

  2 months ago

  535
• 
  Modern Responsive Pricing Section with Toggle

  A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

  Author:
  Hamza Atig

  4 months ago

  748
• 
  Play, Pause and Stop buttons

  Author:
  Lukas Müller

  2 years ago

  11k
• 
  YouTube Community Post UI Mockup

  A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

  Author:
  Hamza Atig

  4 months ago

  684
• 
  Responsive fullscreen youtube video

  Author:
  Anonymous

  2 years ago

  8.7k
• 
  Linear infinite brand scrolling with hover effect

  Beautiful lineat brand scrolling partner with hover effect

  Author:
  Walid Ahmad

  1 year ago

  2k
• 
  Muhammad Umair Arshad - Frontend Developer Resume | React, TypeScript, Tailwind CSS

  Professional resume of Muhammad Umair Arshad, a skilled Frontend Developer specializing in React, TypeScript, and Tailwind CSS. I build high-performance web applications with responsive UI design.

  Author:
  Muhammad Umair Arshad

  5 months ago

  546
• 
  Forgot Password Form

  1. Color Updates: 1. Changed background to gradient `from-indigo-800 to-blue-900` 2. Updated text colors to match the new theme 3. Changed button colors to `bg-indigo-800` with `hover:bg-blue-900` 4. Updated focus rings to use indigo colors 5. Made footer links white with indigo hover states 2. Enhanced Styling: 1. Added gradient background 2. Improved border radius to `rounded-xl` 3. Enhanced shadow with `shadow-2xl` 4. Added hover scale effects 5. Added fade-in animation 3. Dark Mode Improvements: 1. Enhanced dark mode colors 2. Added system preference detection 3. Improved dark mode contrast 4. Updated dark mode focus rings 4. Added Functionality: 1. Added form validation 2. Added success message 3. Added form reset after submission 4. Added smooth transitions 5. Accessibility Improvements: 1. Maintained ARIA attributes 2. Enhanced focus states 3. Improved color contrast 4. Added transition animations for better UX 6. Added Interactions: 1. Hover effects on all interactive elements 2. Scale animation on card and button hover 3. Smooth color transitions 4. Form validation feedback The form now matches the Indigo-800 and Blue-900 color scheme while maintaining dark mode support and adding enhanced animations and interactions.

  Author:
  nejaa badr

  10 months ago

  1.1k