Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Framer
    EnterprisePricing
    Enterprise
    Pricing
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    Image Into Particles

    This component allows you to use an image and convert it to interactive particles.

    Rodrigo Calix
    Rodrigo Calix
    Creator
    1d ago
    Updated
    53
    Views
    Rodrigo Calix
    Rodrigo Calix
    Creator
    1d ago
    Updated
    53
    Views

    Made with Workshop

    Build your own component with AI


    Component properties

    List of properties of the component
    List of properties of the component

    Features

    • Support transparency on images

    • Responsive (particles rate changes according to the displayed size)

    • Highly customizable, choose the oscillation of the particles, density, brightness and more.

    • Parameters to change the behavior of the interactivity.

    • Fallback for low FPS renders, for example, Safari tends to limit the speed of the renders. Also, slow devices could have low frame rates, if the fallback is active, it will render a static image of particles.

    How to achieve a better FPS?

    • If you use a large image, more particles will be rendered, this will potentially decrease the FPS rate.

    • Try to use a good ratio of particles density and particles size on each breakpoint.

    This component was built with Framer Workshop, a tool that allows you to make components using AI.

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for Sheets Visualizer, a Framer Marketplace template by Nabeel.
    Sheets Visualizer
    $15
    Nabeel
    Thumbnail for Timeline, a Framer Marketplace template by Motiondrops.
    Timeline
    $4
    Motiondrops
    Thumbnail for Velocity Scroll, a Framer Marketplace template by Launchly.
    Velocity Scroll
    $10
    Launchly
    Thumbnail for ImageSlideshow, a Framer Marketplace template by Firdavs.
    ImageSlideshow
    Free
    Firdavs
    Thumbnail for Member List, a Framer Marketplace template by Sadman Alam.
    Member List
    $10
    Sadman Alam
    Thumbnail for Gallery Container, a Framer Marketplace template by HerByDesign.
    Gallery Container
    $15
    HerByDesign
    Thumbnail for Collapsible Text, a Framer Marketplace template by Launchly.
    Collapsible Text
    Free
    Launchly
    Thumbnail for Theme Image Switcher, a Framer Marketplace template by Edu Porfirio.
    Theme Image Switcher
    $5
    Edu Porfirio

    More from Rodrigo Calix

    See All →
    Thumbnail for Animated Sprite, a Framer Marketplace component by Rodrigo Calix.
    Animated Sprite
    component · $10
    Rodrigo Calix