Text Overlay Effect

Related Examples

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

  9 months ago

  1.3k
• 
  tiny fishing

  fun fishing

  Author:
  Abel Wright

  5 days ago

  15
• 
  Interactive Multi-Method Donation Section

  Overview: A high-trust, conversion-oriented fundraising section styled in the project's signature Navy Blue theme. It provides users with flexible payment options, ranging from one-click fixed amounts to manual bank transfers and cryptocurrency donations. Key Features: Smart Amount Logic: Includes a JavaScript-powered selector where users can choose a preset amount ($10, $25, $50) or type a custom value. The interface automatically toggles states (deselecting buttons when typing, and vice-versa) to prevent user error. Payment Methods: Quick Card/Checkout: Primary call-to-action column. Bank Transfer: A clean card displaying account details with a "Copy to Clipboard" utility. Crypto (Bitcoin): A specialized dark-themed card featuring a placeholder QR code and wallet address copying functionality. Trust Signals: Includes security iconography (lock, shield) and reassuring copy to boost donor confidence. Visual Hierarchy: Uses a 7/5 grid split to prioritize the immediate donation action while keeping manual payment methods accessible but secondary. Tech Stack: Framework: Tailwind CSS. Icons: Ionicons. Scripting: Vanilla JavaScript (for amount toggling and clipboard copying functions). Fonts: DM Serif Display (Headings) + Inter (Body). Usage: Ideal for the "Support Us" page or a dedicated campaign landing page. The script tag included at the bottom handles all the interactivity (button selection and text copying) without needing external libraries.

  Author:
  Juan D. Cortorreal

  3 months ago

  389
• 
  Feeds

  This is a responsive social media feed interface built with Tailwind CSS that features a clean, modern design with excellent color contrast and visual hierarchy. Here's a detailed breakdown of its components and layout:

  Author:
  ishimwe shadad

  9 months ago

  877
• 
  responsive home page

  the best home page

  Author:
  irahoza daniel

  9 months ago

  1.1k
• 
  Premium Gaming UI Card, Form & Animated Button (Tailwind CSS)

  A modern, senior-level gaming UI built with Tailwind CSS focusing on spacing, typography, and calm visual hierarchy rather than noisy effects. This component set includes: A premium gaming card with clear content structure and outcome-focused copy A clean player signup form with accessible focus states and minimal visual noise A custom animated button using a restrained light-sweep effect for premium interaction feedback Designed to resemble real production gaming platforms rather than demo or template UI. Fully responsive, copy-paste ready, and easy to extend for real-world projects.

  Author:
  Ayyamperumal S

  2 months ago

  144
• 
  My Coding Journey

  To transform a standard timeline into an engaging, scroll-driven narrative experience.

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  5 months ago

  593
• 
  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
• 
  3d Box

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

  Author:
  ORGIN_DREAMS

  9 months ago

  693
• 
  Soft Lights & Slow Beats

  Sink into the tranquil rhythms of a Sunday afternoon. This playlist blends soft melodies and gentle beats to create a mysterious yet comforting atmosphere — perfect for relaxing, reflecting, or simply unwinding as the day fades away.

  Author:
  Bonimater

  9 months ago

  440
• 
  Health Tracker - Diet Calorie Management App

  Health Tracker - Diet Calorie Management App

  Author:
  Tanvir Hasan Bappy (Tanvir)

  2 months ago

  66
• 
  Verify OTP

  Verify OTP

  Author:
  Tanvir Hasan Bappy (Tanvir)

  2 months ago

  100