cortiz2894

cortiz2894 / hologram-particles

Public

A real-time hologram particle effect built with Three.js WebGPU, TSL Node Shaders, and Next.js. This repository is a free open-source resource for the creative development community.

hologram-particles.vercel.app
44
12
69% credibility
Found May 27, 2026 at 44 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

This is an open-source creative coding project that creates stunning holographic 3D particle effects directly in the browser. You can load any 3D model and watch it transform into a cloud of 60,000 animated particles that respond to your mouse movements with realistic physics. The project includes a full playground where anyone can experiment with lighting, colors, animation speed, and visual effects in real-time. It's a free learning resource and starting point for creative developers interested in real-time graphics.

How It Works

1
👀 You discover an eye-catching demo online

You come across a stunning holographic 3D effect that looks like something from a sci-fi movie, made entirely from thousands of floating particles.

2
🎮 You open the interactive playground

The effect loads right in your browser as a fully interactive scene where you can move your mouse and watch particles react in real-time.

3
You choose your experience path
🎛️
Tweak every setting

You open the controls panel and play with particle count, colors, glow, lighting, and dozens of other visual settings until it looks exactly how you want.

✨
Watch and relax

You let the animation play, switch between different models like a cute robot character, and enjoy the ambient holographic glow.

4
👆 Your mouse becomes a magic wand

Moving your cursor around causes particles to scatter and glow, with spring physics making them bounce back smoothly like touching a force field.

5
🔄 You switch between different 3D models

A simple click switches the holographic figure from one shape to another with a beautiful morphing animation that dissolves and reforms the particles.

🌟 You experience cutting-edge 3D graphics in your browser

Without installing anything, you've explored a production-quality WebGPU effect that runs smoothly, with bloom, glow, and cinematic camera movement that feels premium.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 44 to 44 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is hologram-particles?

Hologram-particles is a real-time holographic particle system that converts any 3D model into an animated cloud of 60,000 instanced spheres. Built with TypeScript, Next.js, and Three.js WebGPU, it renders everything on the GPU using TSL -- a JavaScript-based shader language -- so no GLSL knowledge is required. It ships with a full interactive playground where you can drag in your own GLB files, tune particle behavior, lighting, bloom, and mouse interaction in real time. The system supports model morphing, spring-damper physics on mouse hover, and a Fresnel cylinder frame with rotating halo rings and a dot-grid background.

Why is it gaining traction?

The hook here is that you get a production-quality WebGPU particle effect without writing a single line of shader code. TSL lets developers express GPU logic in JavaScript, which is a huge unlock for anyone intimidated by raw GLSL. The drag-and-drop GLB loading means you can visualize any model instantly -- useful for quick prototyping or portfolio pieces. Built-in debug modes (wireframe, normals, lighting breakdown) make it easy to understand and customize the effect. The two-light wrapped diffuse model with volumetric blending gives it a distinct cinematic look that stands apart from generic particle systems.

Who should use this?

Creative developers and frontend engineers building interactive 3D landing pages, portfolio sites, or VFX demos who want to avoid writing raw shaders. Tech artists exploring WebGPU and TSL as a modern alternative to WebGL/GLSL. Teams prototyping holographic UIs or sci-fi visual effects for client work without committing to a full game engine setup.

Verdict

Hologram-particles is a genuinely impressive technical demo and learning resource, with a credibility score of 0.699999988079071% reflecting its early-stage popularity at 44 stars. The codebase is well-structured and the playground is genuinely fun to explore, but the documentation leans on a README rather than formal guides, and there is no visible test suite. Use it as a starting point or inspiration for WebGPU projects -- just plan to invest time understanding TSL before modifying the core shader logic.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.