Remix · Marketing · Fintech

Ember Cards

A dark, metallic landing page for a virtual card company

Open in Codecaine

Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free

Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.

Ember Cards — home page

About

A dark, metallic landing page for a virtual card company: machined-metal cards (chrome, titanium, champagne, graphite, copper) with brushing, film grain and a pointer-tracked highlight; two live 3D iPhones (React Three Fiber); a manifesto that lights up word by word; a pinned four-step “how it works”; a sideways-scrolling row of use cases; a customer video that zooms to fill the screen; a dotted world map, reviews, an FAQ and a champagne sign-up band.

Designed for

  • Fintech, card and wallet apps launching with a single clear offer
  • Mobile-first products that want their app shown on a real 3D phone rather than a flat screenshot
  • Scroll-told product pages: pinned steps, horizontal rows, a full-bleed video story
  • Seeing React Three Fiber, Motion and Lenis on one page the canvas editor can pause and edit

Details

Version
1.1.1
Updated
Sep 30, 2026
Pages
2
Framework
vite
Styling
tailwindcss@4
Dev port
3190
SDK
@canvas/react 0.1.1
License
MIT
Download
3.8 MB · 90 files

Keywords

fintechvirtual-cardslandingdarkapp3diphonemockupreact-three-fiberscrollstickyhorizontal-scrollvideotext-animationserifreactvitetailwindmetallicgrainnoise

Every page

1 page, as they open at 1440px.

More remixes

See all 38