vvisedev Crafts

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 vvisedev Crafts

View all
  • SaaS Template

    SaaS Template

    2.4K
  • image auto slider

    image auto slider

    1.8K
  • Silk-Background-animation

    Silk-Background-animation

    925
  • Portfolio Hero

    Portfolio Hero

    883
  • Gradient bars Background

    Gradient bars Background

    587
  • Glow Button

    Glow Button

    383
  • Spotlight Button

    Spotlight Button

    380
  • Gradient Bar hero section

    Gradient Bar hero section

    342

More in Cards

View all
  • Card

    Card

    70
  • Statistics Card 2

    Statistics Card 2

    263
  • Stats cards with links

    Stats cards with links

    39
  • Course Design Cards

    Course Design Cards

    1.1K
  • Card Studio

    Card Studio

    7
  • The Item one

    The Item one

    3
  • Statistics Card 7

    Statistics Card 7

    289
  • Dashboard with Collapsible Sidebar

    Dashboard with Collapsible Sidebar

    2.4K