FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Itssongoku

Itssongoku

SON-GOKU

Store
Public
Like
1
SON-GOKU
Home
Code
4
backend
1
frontend
3
shared
1
README.md
Branches
1
Pull requests
Remixes
2
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
6/3/2025
Viewing readonly version of main branch: v14
View latest version
README.md

Credit Card Generator

A sleek credit card generator with 3D graphics and icy black UI design.

Features

  • Luhn Algorithm: Generates valid test credit card numbers
  • 3D Graphics: Interactive 3D credit card with animations
  • Icy Black UI: Modern glassmorphism design with blur effects
  • Multiple Card Types: Visa, Mastercard, American Express, Discover
  • Real-time Generation: Instant card number generation
  • Copy to Clipboard: Easy copying of generated data

Tech Stack

  • React 18.2.0 with TypeScript
  • Three.js for 3D graphics
  • TailwindCSS for styling
  • Glassmorphism/blur effects

Structure

├── frontend/
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # React entry point
│   ├── components/
│   │   ├── App.tsx         # Main application
│   │   ├── CardGenerator.tsx # Card generation logic
│   │   └── Card3D.tsx      # 3D card component
│   └── style.css           # Custom styles
├── shared/
│   └── utils.ts            # Luhn algorithm and utilities
└── backend/
    └── index.ts            # Static file server

Usage

  1. Select card type from dropdown
  2. Click "Generate Card" to create new card data
  3. View the 3D animated card
  4. Copy generated data to clipboard

Note

This generates test data only for development/educational purposes. Not for fraudulent use.

FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareersBrandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.