https://github.com/codingnorvin/card-ui
Interactive credit card UI with glassmorphism, live input preview, and switchable card designs
https://github.com/codingnorvin/card-ui
14 card cool css developer frontend html js practice scss study ui
Last synced: 9 months ago
JSON representation
Interactive credit card UI with glassmorphism, live input preview, and switchable card designs
- Host: GitHub
- URL: https://github.com/codingnorvin/card-ui
- Owner: CodingNORVIN
- Created: 2025-07-20T17:51:07.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-03T21:09:56.000Z (10 months ago)
- Last Synced: 2025-08-14T23:57:48.426Z (10 months ago)
- Topics: 14, card, cool, css, developer, frontend, html, js, practice, scss, study, ui
- Language: SCSS
- Homepage: https://codingnorvin.github.io/card-ui/
- Size: 2.94 MB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A simple card UI project built with semantic HTML, SCSS, and JavaScript.
## Features
- Card-based interface using custom styles
- Organized into CSS, SCSS, and JS for easy customization
- Image assets included
- Minimal, easy-to-understand code structure
## Usage
1. Clone the repo
2. Open `index.html` in your browser
3. Customize styles in the `scss` or `css` folders as needed
4. Edit card content or logic in `script.js`
## Structure
- `css/` – Compiled stylesheets
- `scss/` – Source SCSS files
- `images/` – Card and UI images
- `script.js` – JavaScript interactions
- `index.html` – Main HTML file
## Demo
## License
MIT © CodingNORVIN!