Topic · Game Development
Best 3D graphics and WebGL skills, page 7
3D graphics and WebGL skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 289 | Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow. | notque/ | 439 | — | ~2.9k | Automated safety check: Notes | MIT | 6 days ago |
| 290 | A skill your agent uses when reviewing React rendering performance — profiler-first diagnosis, memo/useCallback/useMemo correctness, virtual scroll, useTransition/useDeferredValue, and canvas/WebGL… | mizchi/ | 359 | — | ~1.6k | Automated safety check: Pass | No licence | 7 days ago |
| 291 | 291.Motion Craft Design GPU-accelerated animations with Web Animations API (WAAPI), Scroll-Driven Animations (ScrollTimeline/ViewTimeline), FLIP technique, easing systems, and accessibility (prefers-reduced-motion). | EliasOulkadi/ | 114 | — | ~6.4k | Automated safety check: Pass | MIT | 4 days ago |
| 292 | Prepare strict-front character sheets, isolated parts and optional multiview references for 3D modeling from an approved image. | witnesstodark/ | 343 | — | ~724 | Automated safety check: Pass | MIT | today |
| 293 | 293.Higgsfield 3D A skill your agent uses when the user wants a 3D model, mesh or GLB out of Higgsfield — image-to-3D, multi-view-to-3D, text-to-3D, rigging or animating a mesh, remesh / retopology, retexture, or 3D… | OSideMedia/ | 707 | — | ~6.8k | Automated safety check: Pass | MIT | 12 days ago |
| 294 | NVPanoptix3D for panoptic 3D scene reconstruction from posed RGB images. | NVIDIA/ | 3.5k | — | ~4.3k | Automated safety check: Notes | Apache-2.0 | today |
| 295 | 295.Neo4j Nvl Skill Neo4j Visualization Library (NVL) — framework-agnostic graph rendering for the browser. | neo4j-contrib/ | 114 | — | ~5k | Automated safety check: Notes | MIT | 2 days ago |
| 296 | 296.Animations Production animation patterns for React Native using Reanimated 4, Skia, WebGPU, and TypeGPU. | software-mansion-labs/ | 291 | — | ~1.1k | Automated safety check: Pass | No licence | 11 days ago |
| 297 | Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems with thickness, stitches, seams, frayed… | MengTo/ | 6.7k | — | ~2.4k | Automated safety check: Pass | MIT | 2 days ago |
| 298 | Create or integrate highly detailed 3D models with smooth silhouettes, shaped surfaces, believable bevels, and close-up geometry, then prepare suitable runtime LODs and loading. | MengTo/ | 6.7k | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 299 | Build sharp, physically coherent high-resolution materials for 3D rendering with appropriate PBR maps, texel density, UV direction, mipmaps, anisotropic filtering, and progressive asset delivery. | MengTo/ | 6.7k | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 300 | Build hyperrealistic PBR metal in Three.js: steel, brass, gold, copper and iron as true conductors (metalness 1, measured F0 tint, no albedo) with roughness-varied finishes (polished, brushed… | MengTo/ | 6.7k | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 301 | Make a 3D object lean around on hover and open a full inspect view on click. | MengTo/ | 6.7k | — | ~2.5k | Automated safety check: Pass | MIT | 2 days ago |
| 302 | Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a torn deckle edge with frayed fibres, four-layer… | MengTo/ | 6.7k | — | ~2.4k | Automated safety check: Pass | MIT | 2 days ago |
| 303 | Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environment lighting. | MengTo/ | 6.7k | — | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 304 | 304.3D Virtual Tour Build guided and interactive virtual tours through a 3D environment with authored camera paths, room and floor-plan navigation, orbit inspection, smooth mode handoffs, and progressive loading. | MengTo/ | 6.7k | — | ~2.3k | Automated safety check: Pass | MIT | 2 days ago |
| 305 | 305.3D Wood Material Build convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, cathedral figure, pores, medullary rays, checks, tool marks, end grain, and oil, wax, or lacquer… | MengTo/ | 6.7k | — | ~2.8k | Automated safety check: Pass | MIT | 2 days ago |
| 306 | Build a burning-paper ring loader whose GLSL flame is drawn by a Worker on an OffscreenCanvas started from the head, so a main thread blocked by the page build cannot freeze it, with a progress… | MengTo/ | 6.7k | — | ~2.7k | Automated safety check: Pass | MIT | 2 days ago |
| 307 | Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored… | nirholas/ | 228 | 1 repo | ~4.7k | Automated safety check: Pass | Apache-2.0 | today |
| 308 | Build truthful Vesperfall asset-library review pairs from transparent PNG references and live Three.js, FBX, or img2threejs models. | nirholas/ | 228 | 1 repo | ~870 | Automated safety check: Pass | Apache-2.0 | today |
| 309 | Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees… | nirholas/ | 228 | 1 repo | ~2.1k | Automated safety check: Pass | Apache-2.0 | today |
| 310 | Turn a reference video into a super detailed recreation or inspiration prompt. | nirholas/ | 228 | 1 repo | ~1.4k | Automated safety check: Pass | Apache-2.0 | today |
| 311 | Build a fully-interactive 3D character-selector experience powered entirely by fal.ai. | fal-ai-community/ | 250 | — | ~1.6k | Automated safety check: Pass | No licence | 10 days ago |
| 312 | WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters. | nexu-io/ | 100k | — | ~791 | Automated safety check: Pass | Apache-2.0 | today |
| 313 | 313.Threejs Three.js scene-graph parsing and export workflows: mesh baking, InstancedMesh expansion, part partitioning, per-link OBJ export, and URDF articulation. | benchflow-ai/ | 1.8k | — | ~807 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 314 | 314.3D Object three.js model, downloadable as OBJ or GLB. An agent skill from asgeirtj/system_prompts_leaks. | asgeirtj/ | 69k | — | ~1.1k | Automated safety check: Pass | CC0-1.0 | yesterday |
| 315 | Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. | aiskillstore/ | 430 | 3 repos | ~2.1k | Automated safety check: Pass | No licence | today |
| 316 | 316.Frontend Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D. | notque/ | 439 | — | ~5k | Automated safety check: Notes | MIT | 6 days ago |
| 317 | Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components… | PostHog/ | 40k | — | ~1.3k | Automated safety check: Pass | Unknown | today |
| 318 | Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations. | nirholas/ | 228 | 1 repo | ~1.5k | Automated safety check: Pass | Apache-2.0 | today |
| 319 | Reveal Three.js geometry with an expanding world-space scan whose wire cage leads the solid surface, then burns away. | nirholas/ | 228 | 1 repo | ~1.6k | Automated safety check: Pass | Apache-2.0 | today |
| 320 | 320.Globe Particles Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. | nirholas/ | 228 | 1 repo | ~2.5k | Automated safety check: Pass | Apache-2.0 | today |
| 321 | Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js… | nirholas/ | 228 | 1 repo | ~3k | Automated safety check: Pass | Apache-2.0 | today |
| 322 | 322.Threejs A skill your agent uses when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance). | nirholas/ | 228 | 1 repo | ~865 | Automated safety check: Pass | Apache-2.0 | today |
| 323 | Build a live Three.js landscape that stays quiet behind a subject — a noise heightfield on a polar grid so resolution follows the lens, ground coloured by slope and moisture rather than by texture… | nirholas/ | 228 | 1 repo | ~2.1k | Automated safety check: Pass | Apache-2.0 | today |
| 324 | 324.Threejs Towers Generate architecture procedurally in Three.js and film it assembling — a small geometry vocabulary that builds pagodas, castles, domes and spires from parameters instead of mesh files, hip roofs… | nirholas/ | 228 | 1 repo | ~2k | Automated safety check: Pass | Apache-2.0 | today |
| 325 | 325.Threejs Weather Put weather into a Three.js scene that reads as weather — rain anchored inside the frustum, a storm that is the rain leaned on rather than a second system, lightning on its own light with thunder… | nirholas/ | 228 | 1 repo | ~2k | Automated safety check: Pass | Apache-2.0 | today |
| 326 | 326.Unicorn Studio A skill your agent uses when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performance, layering with UI, fallbacks). | nirholas/ | 228 | 1 repo | ~635 | Automated safety check: Pass | Apache-2.0 | today |
| 327 | 327.Vantajs A skill your agent uses when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js). | nirholas/ | 228 | 1 repo | ~506 | Automated safety check: Pass | Apache-2.0 | today |
| 328 | 328.Webgl 3D Object Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera, subtle rotation, and floating motion. | nirholas/ | 228 | 1 repo | ~1.7k | Automated safety check: Pass | Apache-2.0 | today |
| 329 | 329.Obj Exporter Three.js OBJExporter utility for exporting 3D geometry to Wavefront OBJ format. | benchflow-ai/ | 1.8k | — | ~514 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 330 | 330.Inspira UI 120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. | secondsky/ | 227 | — | ~2.6k | Automated safety check: Pass | MIT | 11 days ago |
| 331 | Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. | freshtechbro/ | 1k | — | ~5.3k | Automated safety check: Pass | MIT | 10 mo ago |
| 332 | Build, extend, or audit production-linked browser map editors for Three.js and isometric games. | nirholas/ | 228 | 1 repo | ~2.3k | Automated safety check: Pass | Apache-2.0 | today |
| 333 | Build, integrate, audit, or refactor rigged monsters for Three.js and web action games. | nirholas/ | 228 | 1 repo | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 334 | Implement, tune, debug, or validate soft wall-aware fog of war and gameplay perception in Three.js action games. | nirholas/ | 228 | 1 repo | ~1.7k | Automated safety check: Pass | Apache-2.0 | today |
| 335 | 335.Mira 3D Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado. | sandeco/ | 218 | — | ~3.6k | Automated safety check: Pass | Unknown | 24 days ago |
| 336 | 336.Mira Offline Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3… | sandeco/ | 218 | — | ~1.3k | Automated safety check: Pass | Unknown | 24 days ago |