Marketplace
TemplatesComponentsPluginsVectors

    ParticleImage

    Turn any image into a living parti by Olexandr Demydov

    Show Preview
    ParticleImage

    About ParticleImage

    Particles Image transforms any photo into a WebGL particle simulation where thousands of points swarm, drift, and reform — each one sampled directly from your image colors.

    What it does

    • Spawns up to 600,000 particles on the GPU via Transform Feedback — no CPU work per frame

    • Each particle inherits the color of its position in the source image

    • On load, particles fade in first, then the full image materializes beneath them

    • Cursor pushes particles aside as you move; they flow back when you leave

    Controls — all live, no reload

    • Particles — count, size, softness, opacity, lifespan

    • Motion — speed, noise force & scale, damping

    • Mouse — on/off, force, radius, smoothing

    In the editor Displays a static preview of your image — no canvas overhead on the design canvas.

    Setup Drop it on the canvas, pick an image, done. Adjust background color and whether the full image shows behind the particles.

    Olexandr DemydovOlexandr Demydov@olexandr-demydov
    Published
    Jun 17, 2026
    Updated
    Aug 26, 2026
    License
    Limited
    Show Preview

    Tags

    • Interactions

    From Olexandr Demydov

    LiquidIcons
    LiquidIcons
    Component·$5
    LiquidShape
    LiquidShape
    Component·$5
    GradientBlur
    GradientBlur
    Component·$7

    Related Components

    HorizontalScroller
    HorizontalScroller
    Component·Free
    Custom Circle Cursor
    Custom Circle Cursor
    Component·Free
    Nomad Pocket
    Nomad Pocket
    Component·Free
    Olexandr DemydovOlexandr Demydov@olexandr-demydov
    Published
    Jun 17, 2026
    Updated
    Aug 26, 2026
    License
    Limited
    Show Preview

    Tags

    • Interactions
    Marketplace
    TemplatesComponentsPluginsVectors
    TemplatesComponentsPluginsVectors