Starship Shards
Mesmerizing WebGL shader with flowing particle shards, responsive dark/light theme toggle and high-performance visuals for stunning interactive backgrounds
Made with Workshop
Build your own component with AI
Starship Shards brings a cinematic particle-shard effect to your Framer projects. Powered by a custom WebGL shader, it renders an animated field of glowing shards reminiscent of starship trails or interstellar particles.
Features
Real-time WebGL shader animation for smooth, high-performance visuals
Built-in dark and light themes with an optional toggle button you can show or hide
Adjustable animation speed and a wide range of easing functions to customize motion feel
Responsive canvas automatically scales to your component size
Zero images required — the effect is fully procedural, keeping load times low
Perfect for
Hero sections, landing pages, interactive backgrounds, or animated overlays that need a futuristic look
Creating immersive UI experiences where you want subtle but dynamic visual energy
Drop it into your Framer project, tweak the controls in the right-hand panel, and instantly transform a static background into a flowing star-shard animation.
