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

    936
  • Portfolio Hero

    Portfolio Hero

    906
  • 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
  • Card

    Card

    70
  • Statistics Card 2

    Statistics Card 2

    273
  • Statistics Card 7

    Statistics Card 7

    301
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    184
  • Stats cards with links

    Stats cards with links

    82
  • Weather Card

    Weather Card

    57
  • Card Studio

    Card Studio

    9