Particle Image | React Bits Pro
pro.reactbits.dev · 141 words · saved by 1 readers
An image dissolved into GPU particles that swirl apart and reassemble
Image URL Background Show ImageCursor InteractionPaused Props 21 NameTypeDefaultDescription imageUrlstring"https://images.unsplash.com/..."Image sampled for particle color and drawn behind the field widthstring | number"100%"Container width heightstring | number"100%"Container height classNamestringundefinedAdditional CSS classes childrenReactNodeundefinedContent rendered above the effect particleCountnumber500000Number of live particles, rounded up to a square simulation grid particleSizenumber2Particle diameter in CSS pixels particleOpacitynumber0.85Peak particle opacity…
saved by
related reading
- Components | Canvas UIcanvasui.dev
- Create a Palette - Coolorscoolors.co
- JAPANESE GRADIENTS [FOR UI]™japanesegradientsforui.com
- Free ASCII Art Generator, Image & Video to ASCII | ASCII Magicascii-magic.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Beautiful Generative Gradient Avatars for Reactavatars.outpacestudios.com
- Cosmoscosmos.so
- Shadersshaders.com
- justinzwu.comjustinzwu.com
- Online Image & Video Effect Generator – Free | Effect.appeffect.app
- playgrnd — tiny tools for making weird, beautiful thingsplaygrnd.tools
- Swishy - AI Motion Designer & Animator | Create Stunning Animationsswishy.ai