Play, Pause and Stop buttons

Related Examples

• 
  Upvote downvote buttons

  Author:
  Lucas Martinez

  3 years ago

  11.7k
• Typewriter animation effect

  Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.

  Author:
  Samuel Dawson

  2 years ago

  21.3k
• background animation

  background animation

  Author:
  Anonymous

  2 years ago

  50.9k
• 
  Verify OTP

  verification code

  Author:
  gidy

  9 months ago

  733
• 
  Footer

  Elevate your website design with this sleek and minimalist light mode footer component by AB NAHID AGENCY. Crafted for clean UI experiences, it’s perfect for modern web apps, blogs, and business platforms. Easy to integrate, fully responsive, and built with scalability in mind—designed to blend seamlessly with any light-themed layout.

  Author:
  Abdul Jabbar Al Nahid

  7 months ago

  720
• 
  Native HTML Accordion

  native html accordion summary details

  Author:
  Cristian

  1 year ago

  2.5k
• 
  Button group

  nice and simple buttons with a hover effect

  Author:
  Sophia Baker

  3 years ago

  8.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.6k
• 
  Profile Card with Transparent

  Dynamic Background: Darker gradient background for better contrast Floating colored blobs for visual interest Profile Image Glow: Added a gradient glow effect behind the profile picture Smoother hover transition Typography Improvements: Larger, bolder name text Subtle hover underline animation for the name Better spacing and hierarchy

  Author:
  KULDEEP

  8 months ago

  1k
• 
  Floating "Go to Top" Button with Tailwind CSS

  🚀 Boost your website’s user experience with a sleek floating "Go to Top" button! This easy-to-implement solution uses Tailwind CSS for styling. ✔️ Smooth scroll to top ✔️ Clean and modern design ✔️ Responsive and animated effects Perfect for any website or portfolio! Add it today and make navigation effortless! 🔝💻

  Author:
  Abdul Baset Bappy

  11 months ago

  1k
• 
  Resizable container

  Resizable container

  Author:
  Ganesh Salunke

  2 months ago

  130
• 
  Elegant Buttons

  Useful Tailwind classes for creating several types of basic buttons.

  Author:
  Nick Girga

  10 months ago

  956