Particleify is a browser-based creative tool for turning PNG, JPG, SVG artwork, and GLB models into interactive 3D particle animations. You can also make halftone typography in Type Lab, customize galaxy and starlight scenes, or remix published examples. Choose the workspace by the result you need: export options vary by scene, from PNG and SVG graphics to interactive HTML, MP4 video, and React code.
This guide maps the available tools to practical deliverables, so you can pick a starting point without assuming every scene uses the same inputs or exports.
Particleify features: inputs, results, and exports at a glance
- Generator — PNG, JPG, SVG, GLB, or built-in shapes → interactive particle animation → HTML marked Pro, or MP4. Start here when your own artwork or model should define the particle composition.
- Type Lab — typed text, with optional custom fonts → halftone-style typography → PNG or SVG. Start here for a static graphic rather than a recorded animation.
- Nebula — presets and visual controls → galaxy, nebula, or starfield scene → MP4 marked Free, or HTML marked Pro. No image or 3D model is needed to start.
- Stellar Flow — spiral and galaxy modes, text, or an image → flowing starlight composition → MP4 marked Free, or HTML and React code through Export code marked Pro. Use this for luminous motion rather than the Generator's general-purpose particle effects.
- Particle Attractor — a resting letter or word and a hover word → interactive morphing typography → Download HTML or MP4 marked Free. The current editor offers these outputs without labeling its HTML button Pro.
- Examples — a published case and its remix settings → a starting composition in the Generator → the Generator's export options. Remix is a route into editing, not a separate file format.
Check the editor itself before planning a handoff. The scene collection currently lists “JSON config” for Stellar Flow and Particle Attractor, but their editor pages expose the more specific export options above. A settings file, a working interactive scene, and a rendered video are different deliverables.
Turn your image or 3D model into particles
The Generator converts an uploaded asset into a particle-based composition. You can adjust particle count, size, color, object scale, motion, and interaction while previewing the result. Motion choices include Scatter, Vortex, Pulse, Wave, and Explode.
For example, a designer can start with a JPG photograph for an animated visual, an SVG brand mark for a particle logo, or a GLB object for a composition whose modeled form matters. These are possible design briefs, not promises that every imported detail will transfer unchanged.
Which file formats does Particleify support?
The site's image workflow explicitly names PNG, JPG, and SVG. The Generator's upload control accepts images, SVG, and .glb files; GLB is the confirmed 3D-model upload format.
Do not treat a separate .gltf file as a confirmed input just because some feature copy mentions GLB/glTF. The current upload control lists .glb, and its model-import path identifies files by that extension. If you have a glTF asset with separate resources, prepare a GLB version and check the imported result.
An image-based particle scene is not a reconstructed 3D model of the subject. It can have depth and motion, but a single photograph does not supply the subject's hidden surfaces. For file-preparation advice, see PNG, SVG, or GLB? Choose the Right Input for Your 3D Particle Animation.
A simple three-step Generator workflow
- Upload one asset or choose a built-in shape. Establish the composition before adding strong motion.
- Adjust readability, then movement. Check the subject's outline and color, tune count and size, and choose automatic or manual interaction.
- Export for the destination. Use HTML when interaction matters, or MP4 when you need a recorded animation. The Generator describes MP4 recording up to 60 seconds; its HTML export is marked Pro.
Make static halftone typography in Type Lab
Type Lab turns text into a graphic built from repeated particle shapes. Its controls include typeface, grid spacing, particle shape, size mapping, and layered echo effects. It also accepts local OTF, TTF, WOFF, or WOFF2 font files.
A practical brief might be a large initial for a poster or an abstract typographic cover. Start with a short word or letter, select a typeface, then adjust spacing and echoes until the underlying text remains recognizable.
Type Lab exports PNG and SVG, not the Generator's HTML or MP4 output. It offers artboard ratios including 1:1 and 16:9, plus a transparent-background option preserved in those exports. Choose PNG for a raster graphic or SVG for a vector deliverable, then inspect the file in your destination application.
Customize an editable particle scene
The Scenes collection provides starting points that do not require your own model. Choose by the visual behavior you want, not just the thumbnail.
Nebula: a galaxy or space background
Nebula starts from presets such as Galaxy, Nebula, Starfield, Swarm, and Vortex. Adjust inner and ring particles, colors, speed, camera zoom, and orbit controls to shape the scene.
For a space-themed background, begin with a preset and tune color and motion before increasing density. Nebula's editor labels video export MP4 · Free and interactive export HTML · Pro. A recorded galaxy clip will not retain live camera controls.
Stellar Flow: flowing light, text, and images
Stellar Flow offers stellar spiral, spiral galaxy, text-particle, and image-particle starting modes. Its controls focus on flow, glow, twinkle, starbursts, color, and pointer influence.
Use it when the brief calls for luminous trails or a glowing text composition. The editor offers MP4 · Free and Export code · Pro; the code panel includes HTML and React options. For a React-based site, inspect the exported code and test its integration rather than assuming it can be pasted into any page builder unchanged.
Particle Attractor: typography that responds to the pointer
Particle Attractor uses a resting letter or word and a second word revealed on hover. The current default demonstrates A → PARTICLE, with the cloud returning when the pointer leaves.
Change the two text states, then tune morph duration, particle count, color, and attraction or repulsion. This suits an interactive typographic accent. The editor exposes Download HTML and MP4 · Free; use HTML to retain the response to the pointer, or video to capture a demonstration.
Remix an example instead of starting from zero
The Examples gallery contains published compositions with a Remix action that opens their settings in the Generator. The Velvet Roses example, for instance, demonstrates an image-based particle composition with natural source colors.
Inspect the original, open its remix, and change one group of settings at a time: composition first, motion second, export last. Treat it as a starting point for your own design. A Remix button does not by itself establish commercial rights to the original artwork.
Before you export: check the actual deliverable
- Confirm the file type in your chosen editor. Type Lab graphics, Generator animations, and scene exports are not interchangeable.
- Separate interaction from recording. HTML can retain a live scene; MP4 contains recorded frames. PNG and SVG from Type Lab are static graphics.
- Check access and usage terms. Some exports are marked Pro. Check the current checkout and applicable licensing terms rather than assuming every output is free or commercially unrestricted.
- Test at the intended size and on the intended device. Confirm readability and motion, and keep particle density practical. A target frame-rate control is not a performance guarantee.
Choose the workspace that matches your next project
For your own image or GLB model, open the Generator. For a typographic graphic, start in Type Lab. For a galaxy, flowing starlight, or hover-responsive word, choose an editable scene. If you want a working composition to study first, remix an example—then confirm the export format before committing to the final design.