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

    940
  • Portfolio Hero

    Portfolio Hero

    912
  • Gradient bars Background

    Gradient bars Background

    599
  • Glow Button

    Glow Button

    399
  • Spotlight Button

    Spotlight Button

    386
  • Gradient Bar hero section

    Gradient Bar hero section

    346

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    223
  • Stats cards with links

    Stats cards with links

    84
  • Card Studio

    Card Studio

    10
  • Statistics Card 7

    Statistics Card 7

    301
  • Weather Card

    Weather Card

    59
  • Statistics Card 2

    Statistics Card 2

    276
  • Card

    Card

    56