5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T880,

Holo Trading Card turns any image or video into a collectible trading card with real holographic foil. Hover to tilt it and watch the foil shift with the angle. The artwork has depth parallax, and one click flips the card to reveal its back.

Highlights

Six rarities: Common, Rare, Super, Ultra, Secret and Starlight, each with its own foil. Silver, gold or rainbow names, holo artwork, prismatic lines and starlight sparkles.
Real depth: artwork shifts with the tilt, estimated from brightness or driven by your own depth map.
Click to flip: the card turns over to a customizable back. Works with the keyboard too.
Image or video art: use an illustration, a photo or a looping clip.

Customize everything

Monster, Spell or Trap layouts
8 frame colors plus a custom color
Name, attribute, level stars, type line and card text
ATK / DEF values, set code and footer
Foil intensity, sheen, depth, tilt amount and idle drift
Card back color, accent and label
Name and text fonts
Fixed card width in a larger frame, or fit the card to the frame

Great for

Game and community sites, collectible drops, team or member cards, portfolio showcases, event badges and playful landing pages.

Good to know

Place the card in a frame larger than the card to give it room to tilt.
Animation pauses when the card is off screen and respects reduced-motion settings.
The Framer canvas shows a static preview. The full holographic effect runs in Preview and on the published site.
Uses WebGL 2. If it's not available, the card falls back to a static version.

License

Personal license for personal and non-commercial projects. Add the Commercial License Upgrade at checkout for client work and business sites.

5a:[["$","$L5d",null,{"post":{"id":"01a0dd5b-bca4-759a-8e7f-cf7efb1f3379","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9cf25393-088e-4cb0-985a-ce34d8a7e7fc","name":"V2SPACE","slug":"jshguo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9cf25393-088e-4cb0-985a-ce34d8a7e7fc/haso7xg0","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"CchvzdqcxfbY8WjwlxH2","resolved":true,"title":"Holo Trading Card","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Holo Trading Card","marks":[{"type":"bold"}]},{"type":"text","text":" turns any image or video into a collectible trading card with real holographic foil. Hover to tilt it and watch the foil shift with the angle. The artwork has depth parallax, and one click flips the card to reveal its back."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six rarities","marks":[{"type":"bold"}]},{"type":"text","text":": Common, Rare, Super, Ultra, Secret and Starlight, each with its own foil. Silver, gold or rainbow names, holo artwork, prismatic lines and starlight sparkles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real depth","marks":[{"type":"bold"}]},{"type":"text","text":": artwork shifts with the tilt, estimated from brightness or driven by your own depth map."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click to flip","marks":[{"type":"bold"}]},{"type":"text","text":": the card turns over to a customizable back. Works with the keyboard too."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image or video art","marks":[{"type":"bold"}]},{"type":"text","text":": use an illustration, a photo or a looping clip."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize everything","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monster, Spell or Trap layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 frame colors plus a custom color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name, attribute, level stars, type line and card text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"ATK / DEF values, set code and footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Foil intensity, sheen, depth, tilt amount and idle drift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card back color, accent and label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name and text fonts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fixed card width in a larger frame, or fit the card to the frame"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Great for","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Game and community sites, collectible drops, team or member cards, portfolio showcases, event badges and playful landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place the card in a frame larger than the card to give it room to tilt."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation pauses when the card is off screen and respects reduced-motion settings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The Framer canvas shows a static preview. The full holographic effect runs in Preview and on the published site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Uses WebGL 2. If it's not available, the card falls back to a static version."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"License","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Personal license for personal and non-commercial projects. Add the Commercial License Upgrade at checkout for client work and business sites."}]}]},"introduction":"3D holographic TCG card with flip","slug":"holo-trading-card","author":{"framerUserId":"9cf25393-088e-4cb0-985a-ce34d8a7e7fc","name":"V2SPACE","slug":"jshguo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9cf25393-088e-4cb0-985a-ce34d8a7e7fc/haso7xg0","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9cf25393-088e-4cb0-985a-ce34d8a7e7fc/01a0dd5b-a695-75c8-b3f2-eb7a57e95d37.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-26T10:56:11.321Z","updatedAt":"2026-09-26T10:56:11.321Z","publishedAt":"2026-09-26T10:56:11.318Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ambitious-championship-969228.framer.app/","price":"15","paymentUrl":"https://buy.stripe.com/9B628r1EU27f3eQ4Zm3ZK04","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Jg7enPnzKoNFhyfMSRP8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T10:56:11.941Z","updatedAt":"2026-09-26T10:56:11.941Z","reported":false}}],"$L5f"]

Suggested for you