Lightweight 3d Effects
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
Adds pseudo-3D illustrations, animated backgrounds and parallax tilt to a landing page using lightweight libraries, no heavy 3D framework needed.
About
A Claude skill for adding lightweight pseudo-3D visual effects to websites using Zdog, Vanta.js and Vanilla-Tilt.js. A solo builder reaches for it when they want animated backgrounds, parallax card tilt, or subtle depth on a hero or landing page without pulling in a full WebGL engine and paying the performance cost.
- Zdog pseudo-3D illustrations
- Vanta.js animated backgrounds
- Vanilla-Tilt parallax card effects
- Performance-focused, no heavy frameworks
Lightweight 3d Effects by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/lightweight-3d-effectsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 629 |
|---|---|
| Last updated | November 20, 2025 |
| Repository | freshtechbro/claudedesignskills ↗ |
What it does
Adds pseudo-3D illustrations, animated backgrounds and parallax tilt to a landing page using lightweight libraries, no heavy 3D framework needed.
Who is it for?
Landing pages needing depth and motion without a heavy 3D framework
Skip if: Full interactive 3D scenes or games
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.576k29.4kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.261k29.4k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.249k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita201k66.9kVercel React Native SkillsEnsure AI agents generate and refactor React Native code that follows performance best practices without common rendering and list pitfalls.173k29.4k