Pokemon Cards CSS
Advanced CSS styles using transforms, gradients and blend modes to create realistic holographic foil effects on Pokemon trading cards.
Pokemon Cards CSS is a collection of advanced CSS styles that simulate the various Holofoil effects found in the Sword and Shield era of Pokemon Trading Cards. Built with SvelteJS, it uses CSS Transforms, Gradients, Blend-modes and Filters to render realistic holographic shimmer, galaxy holo, and other foil patterns directly in the browser. Featured on CSS-Tricks and CodePen. 8.3k stars, GPL-3.0.
Key Features
- Realistic holographic foil effects using pure CSS
- Multiple holo patterns: galaxy, swirl, mosaic and more
- Built with SvelteJS for interactive tilt and mouse tracking
- Featured on CSS-Tricks and CodePen
- No images or WebGL required — all effects via CSS gradients and filters
Ratings & Reviews
Loading reviews…
Related Tools
Stable Diffusion
Open-source image generation with full control — run locally or in the cloud, free to use.
Stable Diffusion is an open-source text-to-image model by Stability AI. Because it is open weight, it can run locally on your own GPU, be fine-tuned, and is the foundation of countless tools (AUTOMATIC1111, ComfyUI, Leonardo). It offers unmatched flexibility, negative prompts and community checkpoints.
Hugging Face
Open-source AI community and platform with 500k+ models, datasets and Spaces for ML collaboration.
Hugging Face is the leading open-source AI community and machine learning platform. It hosts 500,000+ pre-trained models, 100,000+ datasets and interactive Spaces (demos). The platform offers the Transformers library, Inference Endpoints, AutoTrain and enterprise solutions. Hugging Face is the GitHub of machine learning, used by researchers, developers and companies worldwide.
HyperFrames
Write HTML. Render video. Built for agents — deterministic MP4 from HTML/CSS/animation
An open-source framework from HeyGen for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with 20 on-demand skills, or as the rendering core behind hosted authoring workflows. Supports GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI. No build step — index.html plays as-is. Deterministic rendering for CI and automated pipelines. Includes a catalog of reusable blocks, Studio editor, AWS Lambda distributed rendering, and frame.md design system.