The widget library for WordPress is here Download plugin

Neon Gradient Border Cards

Embrace the 'Dark Mode' trend with these stunning Neon Gradient Border Cards. This widget creates a futuristic, high-tech atmosphere without relying on heavy image assets, making it incredibly lightweight and SEO-friendly. The magic lies in the animated CSS borders: a vibrant, multicolored gradient rotates endlessly around the card's perimeter, creating a 'living' interface that pulses with energy.

This design is perfectly suited for cryptocurrency platforms, SaaS dashboards, gaming communities, or Web3 startups where the aesthetic needs to feel cutting-edge and digital-native. The inner card content uses a glassmorphism effect—a semi-transparent dark background with a subtle blur—floating above the animated border. This layering creates a sense of depth and sophistication. Because this widget is purely code-based (using CSS gradients and SVGs for icons), it is completely free to use and loads instantly, ensuring your site's performance metrics remain top-notch.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.