Popover

Related Examples

• Google map iframe with tailwind

  Author:
  Kofi Osei

  2 years ago

  20.2k
• 
  Show user details

  Author:
  Lucas Martinez

  2 years ago

  24k
• background animation

  background animation

  Author:
  Anonymous

  1 year ago

  44k
• 
  Date picker

  Date picker example using flatpickr library

  Author:
  Lîmåã M

  1 year ago

  15.7k
• Link hover effect

  Author:
  Samuel Dawson

  2 years ago

  10.5k
• Tooltip - Right Aligned

  Author:
  Prashant

  2 years ago

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

  3 months ago

  482
• 
  Animated bento box.

  A Coastal UI component (coastalui.com). This can be used as part of a bento box, great for showing connectivity between context, could be used beyond just showing tech stacks.

  Author:
  Coastal UI

  2 months ago

  615
• 
  super admin

  super admin

  Author:
  Tanvir Hasan Bappy (Tanvir)

  1 month ago

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

  8 months ago

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

  6 months ago

  1.5k
• 
  3d Box

  Let's build a 3d world empowered by Orgin Dreams.these are 3d objects

  Author:
  ORGIN_DREAMS

  21 hours ago

  4