htmlcss0

Related Examples

• 
  NFT Header with Hero

  Author:
  Abdul Baset Bappy

  7 months ago

  1.1k
• Pixel Blast

  Pixel Blast

  Author:
  Raul antonio de la cruz hernandez

  4 months ago

  779
• 
  Payment success page example

  Author:
  Anonymous

  8 months ago

  1.4k
• 
  Services

  This Services page design includes: 1. Responsive layout using Tailwind CSS grid system 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Header with navigation 5. Six service cards with icons, titles, and descriptions 6. Footer with copyright information 7. Subtle animations and transitions 8. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a white background in light mode and dark gray in dark mode - Service cards have a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Icons use the Indigo-800 color (Indigo-400 in dark mode) for consistency - Each service card has a hover effect that scales it up slightly - Service cards fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The design is fully responsive, adjusting from 1 to 3 columns based on screen size This design provides a clean, professional look for a services page while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  1 year ago

  2.4k
• 
  BONIMATOR Responsive Tailwind Starter Template

  Responsive Tailwind Starter Template

  Author:
  Bonimater

  8 months ago

  809
• 
  Gradient Flip-Text Button with Hover Animation

  This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

  Author:
  SHARIFUL ISLAM

  1 year ago

  1.3k
• 
  Snake Game tailwind

  snake game

  Author:
  QQ-VVN

  9 months ago

  756
• 
  Skill showcase section for resume / porfolio website

  show skill progression

  Author:
  Ava Brown

  2 years ago

  13.8k
• 
  Animated Ripple Avatar

  Ripple Effect Avatar (Tailwind CSS Component) A visually striking animated component that displays a centered avatar or image surrounded by expanding ripple circles. Built with Tailwind CSS and custom animations, this effect simulates a pulsing or water ripple reaction, drawing attention to the central image. Ideal for user profile sections, hero banners, landing pages, or highlighted features in modern web interfaces. The ripples gradually fade and expand, creating a soft, calming motion that enhances interactivity and depth.

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  8 months ago

  1.2k
• 
  Content Discovery Platform with Search & Filter

  A modern, responsive web application built with Tailwind CSS that showcases content cards with search and filter functionality.

  Author:
  Sufyan jutt

  3 months ago

  221
• 
  Acode Master!

  Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  8 months ago

  762
• 
  button animation

  button animation big

  Author:
  QQ-VVN

  9 months ago

  869