waiz

Glassmorphism Debit/Credit

Cards 2

About

A modern credit card UI component with a glassmorphism effect, floating animated blue light orbs, and a sleek dark background. Fully responsive and built using Tailwind CSS and React. Ideal for landing pages, dashboards, or payment sections where visual polish matters.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Glassmorphism Debit/Credit to your project and fits it to your theme.

Code

How Glassmorphism Debit/Credit is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Component } from "@/components/ui/glassmorphism-debit-credit";

const DemoOne = () => {
  return <Component />;
};

export { DemoOne };

Dependencies

More by waiz

View all
  • SaaS Template

    SaaS Template

    2.5K
  • image auto slider

    image auto slider

    1.8K
  • Silk-Background-animation

    Silk-Background-animation

    935
  • Portfolio Hero

    Portfolio Hero

    905
  • Gradient bars Background

    Gradient bars Background

    594
  • Glow Button

    Glow Button

    396
  • Spotlight Button

    Spotlight Button

    385
  • Gradient Bar hero section

    Gradient Bar hero section

    345

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Statistics Card 7

    Statistics Card 7

    301
  • Statistics Card 2

    Statistics Card 2

    272
  • Stats cards with links

    Stats cards with links

    82
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    183
  • Card Studio

    Card Studio

    35
  • Card

    Card

    70
  • Card

    Card

    18