{"id":398882,"date":"2026-11-06T12:53:02","date_gmt":"2026-11-06T12:53:02","guid":{"rendered":"https:\/\/hu.wordpress.org\/plugins\/particle-station\/"},"modified":"2026-11-06T12:52:43","modified_gmt":"2026-11-06T12:52:43","slug":"particle-station","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/particle-station\/","author":23596127,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.6.0","stable_tag":"1.6.0","tested":"7.1.4","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Particle Station","header_author":"Particle Station","header_description":"Turn your logo, image or text into an interactive canvas particle animation with morphs, a timeline and scroll effects.","assets_banners_color":"1e214b","last_updated":"2026-11-06 12:52:43","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":178,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.6.0":{"tag":"1.6.0","author":"balint2005","date":"2026-11-06 12:52:43","revision":3787956}},"upgrade_notice":{"1.6.0":"<p>Particle Station 1.6.0 introduces the renamed plugin. Existing Particle Studio users should export their animations before switching. Do not delete the old plugin through the WordPress Plugins screen, as its uninstall routine may remove animation data.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3788158,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3788158,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3788158,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3788158,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"particle-studio\/animation":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"particle-studio\/animation","version":"1.6.0","title":"Particle Station","category":"media","icon":"art","description":"Display an interactive particle animation created in Particle Station.","keywords":["particles","logo","animation","canvas"],"textdomain":"particle-station","attributes":{"animationId":{"type":"number","default":0},"height":{"type":"number","default":0},"mode":{"type":"string","default":""},"scrollMode":{"type":"string","default":""},"scrollEffect":{"type":"string","default":"assemble"},"scrollStart":{"type":"number","default":90},"scrollEnd":{"type":"number","default":30},"scrollDirection":{"type":"string","default":"both"}},"supports":{"html":false,"align":["wide","full"],"spacing":{"margin":true}},"editorScript":"particle-studio-block-editor","editorStyle":"particle-studio-block-editor","style":"particle-studio"}},"tagged_versions":["1.6.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3788158,"resolution":"1","location":"assets","locale":"","width":1280,"height":800},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3788158,"resolution":"2","location":"assets","locale":"","width":1280,"height":800},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3788158,"resolution":"3","location":"assets","locale":"","width":1280,"height":800}},"screenshots":{"1":"Dashboard with a live particle background and the preset gallery.","2":"The animation editor with the live preview and the timeline.","3":"The animation list."}},"plugin_section":[],"plugin_tags":[785,864,3821,59657,190643],"plugin_category":[50],"plugin_contributors":[291155],"plugin_business_model":[],"class_list":["post-398882","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-canvas","plugin_tags-logo","plugin_tags-morph","plugin_tags-particles","plugin_category-media","plugin_contributors-balint2005","plugin_committers-balint2005"],"banners":{"banner":"https:\/\/ps.w.org\/particle-station\/assets\/banner-772x250.png?rev=3788158","banner_2x":"https:\/\/ps.w.org\/particle-station\/assets\/banner-1544x500.png?rev=3788158","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/particle-station\/assets\/icon-128x128.png?rev=3788158","icon_2x":"https:\/\/ps.w.org\/particle-station\/assets\/icon-256x256.png?rev=3788158","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/particle-station\/assets\/screenshot-1.png?rev=3788158","caption":"Dashboard with a live particle background and the preset gallery."},{"src":"https:\/\/ps.w.org\/particle-station\/assets\/screenshot-2.png?rev=3788158","caption":"The animation editor with the live preview and the timeline."},{"src":"https:\/\/ps.w.org\/particle-station\/assets\/screenshot-3.png?rev=3788158","caption":"The animation list."}],"raw_content":"<!--section=description-->\n<p>Particle Station converts a PNG, JPG or WebP image from your media library \u2013 or your own text and shapes \u2013 into a canvas particle animation that keeps the shape and colours of the source and reacts to the mouse, to touch and to scrolling. Every feature listed here is included and works without an account, licence key or external service.<\/p>\n\n<h4>Particles and colours<\/h4>\n\n<ul>\n<li>Circle, square, triangle, pixel, soft glow or your own image as particles<\/li>\n<li>Original image colours, one colour, gradient (four directions) or a random mix of your colours; colour variation, intensity and opacity<\/li>\n<li>Particle size and size variation, density (low \/ medium \/ high \/ custom), particle limit, glow, blend modes and motion trails<\/li>\n<\/ul>\n\n<h4>Motion and interaction<\/h4>\n\n<ul>\n<li>8 presets, each with its own icon: Classic, Galaxy, Digital Pixel, Glow, Particle Explosion, Wave, Text Assembly and Particle Network<\/li>\n<li>A simple editor view with the essential settings; one switch shows all advanced settings (every one of them is free)<\/li>\n<li>Cursor and touch effects: repulsion, attraction, vortex and wave, with strength, radius and speed; explosion on click or tap with together or wave-like reassembly<\/li>\n<li>Scroll animation: start when the animation enters the screen or at a position, or assemble, disperse, morph or play the timeline while scrolling \u2013 with direction, smoothing, sensitivity, easing and \"keep the end state\"<\/li>\n<\/ul>\n\n<h4>Scenes, morph and timeline<\/h4>\n\n<ul>\n<li>Up to 12 elements per animation: image, text, shape and particle field (with network lines and parallax layers), each with position, size, rotation, opacity, particles, entrance and exit<\/li>\n<li>Particle morph between image, text and shape, with up to 4 extra stages, five triggers, easing, loop and reverse<\/li>\n<li>Particle text with fonts, size, weight, alignment, spacing and letter-by-letter entrances<\/li>\n<li>Timeline editor with tracks, draggable keyframes for 9 properties, easing, Smooth and Step interpolation, playback and scrubbing<\/li>\n<\/ul>\n\n<h4>Layout and integration<\/h4>\n\n<ul>\n<li>Gutenberg block, Elementor widget and shortcode, all powered by the same engine; background mode with content on top<\/li>\n<li>Width, max width, alignment, fixed height or aspect ratio, background colour, gradient and image<\/li>\n<li>Separate tablet and mobile values, visibility per device, fewer particles on phones and tablets, optional static image on phones<\/li>\n<li>Live preview, duplicate, quick preview, reset, JSON export and import<\/li>\n<li>Scripts load only on pages that show an animation; each animation starts only when it comes near the viewport, pauses off screen and respects \"prefers-reduced-motion\"; adaptive quality<\/li>\n<li>English and Hungarian (hu_HU) interface<\/li>\n<\/ul>\n\n<h4>Privacy<\/h4>\n\n<p>Particle Station does not contact external servers, does not track visitors and stores no personal data. Images and fonts are loaded from your own site.<\/p>\n\n<h4>Particle Station Pro (planned)<\/h4>\n\n<p>A separate Pro add-on, distributed outside WordPress.org, is planned with its own additional features: WebGL 3D scenes, an AI designer, more presets and a Pro collection of presets, particle shapes and colour modes. It is not available yet. The \"Pro features\" page and a \"Pro\" label in the editor describe these features for information only. The features themselves are not part of this plugin, which only contains the extension points an add-on connects to. Everything in this plugin works without restriction.<\/p>\n\n<h4>Credits<\/h4>\n\n<p>The engine (<code>engine\/ps-core.js<\/code>) uses three small, openly licensed algorithms:<\/p>\n\n<ul>\n<li>Easing equations by Robert Penner, MIT License; the notation follows easings.net (GPL-3.0)<\/li>\n<li>Mulberry32 random number generator by Tommy Ettinger, CC0 1.0<\/li>\n<li>FNV-1a hash by Glenn Fowler, Landon Curt Noll and Kiem-Phong Vo, CC0 1.0<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>particle-station<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or upload the ZIP under Plugins \u2192 Add New \u2192 Upload Plugin.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Go to Particle Station \u2192 New animation, choose an image and a preset, then save.<\/li>\n<li>Insert the animation with the \"Particle Station\" block, the Elementor widget or the shortcode <code>[particle_station id=\"123\"]<\/code>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"which%20shortcode%20attributes%20are%20available%3F\"><h3>Which shortcode attributes are available?<\/h3><\/dt>\n<dd><p>id (required), <code>height<\/code> (pixels), <code>class<\/code> (extra CSS class), <code>mode<\/code> (<code>inline<\/code> or <code>background<\/code>; the enclosing form <code>[particle_station id=\"1\" mode=\"background\"]\u2026[\/particle_station]<\/code> puts content on top), and the scroll overrides <code>scroll<\/code>, <code>scroll_effect<\/code>, <code>scroll_start<\/code>, <code>scroll_end<\/code>, <code>scroll_direction<\/code>.<\/p>\n\n<p>If a page uses the enclosing form, write the other Particle Station shortcodes of that page in self-closing form, e.g. <code>[particle_station id=\"2\" \/]<\/code>. Otherwise WordPress reads everything from the first shortcode to the closing tag as one shortcode.<\/p><\/dd>\n<dt id=\"who%20can%20manage%20animations%3F\"><h3>Who can manage animations?<\/h3><\/dt>\n<dd><p>Administrators (<code>manage_options<\/code>). Use the <code>particle_studio_capability<\/code> filter to change it.<\/p><\/dd>\n<dt id=\"is%20anything%20locked%20or%20limited%3F\"><h3>Is anything locked or limited?<\/h3><\/dt>\n<dd><p>No. All features of this plugin can be used without a licence, account or time limit. The \"Pro features\" page and the editor only mention features of a planned, separate add-on (3D scenes, AI designer, more presets, Pro collection). These features are not part of this plugin, which only contains the extension points an add-on connects to.<\/p><\/dd>\n<dt id=\"what%20happens%20to%20my%20animations%20when%20i%20delete%20the%20plugin%3F\"><h3>What happens to my animations when I delete the plugin?<\/h3><\/dt>\n<dd><p>Deactivating the plugin keeps everything. Deleting it on the Plugins screen permanently deletes all animations and the settings of the plugin. The images stay in the media library. To keep an animation, export it first; it can be imported later.<\/p><\/dd>\n<dt id=\"does%20particle%20station%20need%20elementor%3F\"><h3>Does Particle Station need Elementor?<\/h3><\/dt>\n<dd><p>No. The Elementor widget is only loaded when Elementor is active; the block and the shortcode work on every site.<\/p><\/dd>\n<dt id=\"can%20add-ons%20extend%20particle%20station%3F\"><h3>Can add-ons extend Particle Station?<\/h3><\/dt>\n<dd><p>Yes. See <code>includes\/class-particle-studio-extensions.php<\/code> for the hooks, <code>includes\/class-particle-studio-features.php<\/code> for the feature registry, and the JavaScript API <code>ParticleStudio.registerBehaviour()<\/code>, <code>registerShape()<\/code>, <code>registerColorMode()<\/code> and <code>registerRenderer()<\/code>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.6.0<\/h4>\n\n<ul>\n<li>First release on WordPress.org.<\/li>\n<li>Particle animations from images, text, shapes and particle fields, with 8 presets and a simple and an advanced editor view.<\/li>\n<li>Cursor, touch and scroll effects, particle morphs, a timeline editor and per-device settings.<\/li>\n<li>Gutenberg block, Elementor widget and shortcode; JSON export and import.<\/li>\n<\/ul>","raw_excerpt":"Turn your logo, image or text into an interactive particle animation with morphs, a timeline and scroll effects.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/398882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=398882"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/balint2005"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=398882"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=398882"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=398882"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=398882"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=398882"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=398882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}