Border gradient

Related Examples

• Glowing gradient border

  on hover glow border

  Author:
  Prashant

  3 years ago

  24k
• Hover effect card

  Author:
  Samuel Dawson

  2 years ago

  31.1k
• 
  Image card with overlay text overlay

  Author:
  Santos78

  2 years ago

  31.5k
• 
  Card with image full width

  This component is a card designed for showcasing featured blog posts. It includes the post title, a captivating image, category links, and author details.

  Author:
  Mr Robot

  2 years ago

  13.4k
• Animated Gradient Background

  animates a gradient background with vibrant colors. Slowly changes colors.

  Author:
  Anonymous

  1 year ago

  25.4k
• 
  Mango gradient

  Author:
  Mohit Prajapati

  3 years ago

  11.8k
• 
  Tailwind image card with text above it

  Author:
  I.P. Leroy

  2 years ago

  24.6k
• 
  Hover effect card with background image

  Beautiful card with background image, hover effect and gradient

  Author:
  Walid Ahmad

  1 year ago

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

  4 months ago

  422
• 
  macOS Style Webpage – macOS Design in the Browser

  A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

  Author:
  Hamza Atig

  1 week ago

  176
• 
  Deals of the Day - Exclusive Discounts!

  Grab the best deals on top products with unbeatable discounts! Limited-time offers on premium gadgets, fashion, and more. Shop now and save big before the deal ends!

  Author:
  SHARIFUL ISLAM

  8 months ago

  772
• 
  Instagram Post UI Mockup

  A static HTML and Tailwind CSS component that visually replicates the user interface of an Instagram post. This mockup includes the post header (avatar, username, options), image area, action buttons (like, comment, share, save), like count, caption, and comment section. It features responsive constraints and supports both light and dark mode, closely mimicking the look and feel of the actual Instagram app. Ideal for UI prototyping, style guides, or frontend development practice.

  Author:
  Hamza Atig

  6 months ago

  859