tsParticles WP Block vs YASR – Yet Another Star Rating Plugin for WordPress

Official tsParticles WordPress Plugin Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, React, Riot.js, Solid.js, Inferno. Official tsParticles website with options editor: https://particles.js.org Official Social Channels: GitHub Discord Telegram Reddit Twitter Breaking Changes Removed @tsparticles/updater-color and @tsparticles/updater-stroke-color, consolidated into @tsparticles/updater-paint Removed @tsparticles/move-base and @tsparticles/move-parallax, consolidated into @tsparticles/plugin-move Default options updated: removed fpsLimit, changed particles.color to particles.paint.color Bug Fixes Fixed default options alignment with engine v4 API (particles.color → particles.paint.color) Fixed missing plugin-lch-color and duplicate plugin-oklch-color in source loaders Fixed missing toggle attributes for various packages in block.json Fixed alignment between package.json dependencies, block.json toggles, and source loaders (all 151 toggleable packages now match) New Features Added toggleable support for all new v4 packages: Effects: filter, particles, shadow Interactions: external-cannon, external-destroy, external-drag, external-parallax, external-particle Paths: branches, brownian, fractal-noise, grid, levy, random, spiral, zig-zag Plugins: background-mask, blend, easing-bounce, easing-elastic, easing-gaussian, easing-sigmoid, easing-smoothstep, hex-color, hsl-color, hwb-color, interactivity, lab-color, lch-color, manual-particles, move, named-color, oklab-color, oklch-color, poisson-disc, responsive, rgb-color, themes, trail, zoom Presets: ambient, confetti-cannon, confetti-explosions, confetti-falling, confetti-parade, hyperspace, matrix, meteors, party Shapes: infinity, matrix, ribbon, squircle Full integration with the v4 plugin architecture (easings, color space plugins, emitter shapes, exports) = 3.0.0 BREAKING CHANGES Removed all tsParticles load methods to keep only a single one using a single object parameter Removed support for shape deprecated properties like shape.image, shape.polygon, shape.stroke the stroke property can be found in the particles section, not in the shape object the image and polygon properties, like any other shape, are part of the shape.options object Stroke now is a single object only like all the other particles properties Removed multiline text shape, the text shape now supports that Simplified some functions, using objects or removing unused overloads, this is breaking for v2 shapes Moved some properties to private since they were public by mistake (this shouldn’t affect many, the properties were mainly used in the engine) Removed obsolete random properties in options objects Removed emitters shapes from the plugin files, every emitters shape now has a dedicated package Major Changes All the components for Front End frameworks were removed from this repository, each one now has its own repository. This is mainly for maintainability. It’s easier to support multiple Front End frameworks versions in a dedicated repository instead of a multipurpose monorepository. Vue.js 2.x and 3.x were kept split because they have many differences. Angular (@tsparticles/angular): https://github.com/tsparticles/angular (v3 under development) Astro (@tsparticles/astro): https://github.com/tsparticles/astro (v3 under development) Ember (@tsparticles/ember): https://github.com/tsparticles/ember (v3 under development) Inferno (@tsparticles/inferno): https://github.com/tsparticles/inferno (v3 under development) jQuery (@tsparticles/jquery): https://github.com/tsparticles/jquery (v3 under development) Lit (@tsparticles/lit): https://github.com/tsparticles/lit (v3 under development) Preact (@tsparticles/preact): https://github.com/tsparticles/preact (v3 under development) React (@tsparticles/react): https://github.com/tsparticles/react (v3 under development) Riot (@tsparticles/riot): https://github.com/tsparticles/riot (v3 under development) Solid (@tsparticles/solid): https://github.com/tsparticles/solid (v3 under development) Svelte (@tsparticles/svelte): https://github.com/tsparticles/svelte (v3 under development) Vue.js (@tsparticles/vue): https://github.com/tsparticles/vue (v3 under development) Web Components (@tsparticles/webcomponents): https://github.com/tsparticles/webcomponents (v3 under development) WordPress (@tsparticles/wordpress): https://github.com/tsparticles/wordpress (v3 under development) Removed all presets from this repository for a single one (https://github.com/tsparticles/presets) in the @tsparticles organization, this will make easier to contribute to specific presets or create new ones. (Renaming them to @tsparticles/preset- #3977) All the previous packages will be deprecated when v3 will come out. Using only the new naming system is the main focus of v3. All the official packages will have @tsparticles/ organization in the package name, replacing tsparticles- prefix, except for tsparticles package which will remain the same. Moved editor to its own repository: https://github.com/tsparticles/editor Pjs package now supports all the legacy pjs options only. This will make this package a wrapper for old pjs users. You can’t use tsParticles options in pjs calls. Pjs package is no longer part of @tsparticles/slim bundle, only included in @tsparticles/all. Text shape is no longer part of @tsparticles/slim bundle, included in tsparticles. Emoji shape is now part of @tsparticles/slim bundle. Bug Fixes Fixed bug when using particles groups Fixed pool on particles destroyed by updaters Fixed out modes, bounce was not checking the direction of the update request Fixed issue with change theme when an existing canvas is used Fixed updates on particles destroyed by updaters, that section wasn’t using the memory pool for reusing old particles instead of creating new ones. Fixed memory leak in destroyed particles by updaters, the z array wasn’t filtered, thanks to @longnguyen2004, closes #5101 Fixed light interaction, particle shadow wasn’t calculated correctly Improved resize event and density formula Fixed trails config Fixed flat output in @tsparticles/confetti Improved sounds plugin Fixed position in emitters after respawn New Features Added new EventType particleDestroyed Replaced text shape with emoji shape in @tsparticles/confetti Reworked @tsparticles/fireworks a bit for better output with the new v3 trails Added range values to life duration and delay of emitters Added two new bundles @tsparticles/basic: minimum plugins for having circular dots moving in the canvas, common package for all bundles, and presets after this is released. Packages included: @tsparticles/engine @tsparticles/move-base @tsparticles/shape-circle @tsparticles/updater-color @tsparticles/updater-opacity @tsparticles/updater-out-modes @tsparticles/updater-size @tsparticles/all: a package that includes all the plugins, it’s not a best practice to use this, but the easiest way for trying every feature available for sure. It will be used mainly in the website. Added event on config added to the engine Added flat options to @tsparticles/confetti options Creating support for effects, like bubble that wasn’t a real shape Added linear easing Created new emitters shapes: Canvas, Path and Polygon Created trail effect plugin, this one is a real trail drawn in the canvas, it works also in transparent backgrounds. It requires more resources since it’s drawn calculating last N positions and not redrawing a semi-transparent canvas on itself, supports also fade. Added pop click interaction Added limit mode (breaking changes on limit options) Added possibility to replace color and opacity for emitters shapes Added more options for customizing noises values (only Simplex and Perlin paths) Added curl noise path plugin Created Simplex and Perlin noise packages from their path plugins, they can be used in multiple packages without duplication (Curl Noise path for example) Added new emoji shape, better performance than text shape Added clear flag to the root object, enabled by default, if disabled, the canvas won’t be cleared = 2.11.0 Bug Fixes Removed console log, closes #5003 Fixed getPositionOrSize function Fixed some shapes New Features Added refresh flag for loading plugins, this will prevent multiple refresh of the instance Added animated gif support to image drawer (use it with caution, gifs are heavy) Added setLogger and getLogger functions, this will prevent console.log mistakenly left in the code. Added export plugins, previous export functions were removed (barely used), and a 3 new plugins are available. The available exports plugin are: Image, JSON, Video. The first two were already present, the third one is new. Added new rounded polygon shape Other Changes Removed fallbacks for requestAnimationFrame, they’re useless. Added tree shaking capabilities Added ESLint no-console rule, to avoid other issues likes #5003, getLogger must be used when needed some logs. How do setLogger and getLogger functions work? If you want to customize the log of tsParticles you can call setLogger(logger) function, passing a ILogger object. The setLogger function prevents undefined properties assigning the default one. `ts setLogger({ debug: console.debug, error: console.error, info: console.info, log: console.log, verbose: console.log, warning: console.warn, }); ` This assigns all the log functions console functions, but you can use empty functions (() => {}) to disable every function. If there’s a console.log left like in #3552, #3528 or #5003, you can disable the log property of the setLogger parameter to get rid of it, so you don’t have to wait the next release. The getLogger function, returns the object set using setLogger, every plugin MUST use getLogger() for logging things, so mistakes can be fixed easily, even errors can be muted or redirected to your favorite logging platform. If you want to log something use this code: `ts getLogger().log(“tsParticles is awesome”); ` = 2.10.0 New Features Added max speed value to collisions options Added range values to spiral shape options, added widthFactor value Added new arrow shape Added new cog shape Added mode to more coordinates options Added error prefix to standardize error messages Added image preload and name to shape options. Preload an image with a name, so it can be retrieved using only that in the options. Added compatibility with another old particles.js library (deprecated but some samples can be found around) Added new path plugin, using svg paths as a source Added delta to path generators Added delay options to particles values animations (opacity, size, color, stroke), closes #4985 Bug Fixes Fixed typo in fireworks bundle exported types Fixed presets without particles count Improved container reset Fixed window resize fired during the initialization Improved spiral shape Fixed ICoordinates types Fixed some load functions that weren’t async Fixed some shapes particle init Other Changes Improved image shape Changed despawn confetti action using opacity animation, was life duration, closes #4978 All the components for Front End frameworks were removed from this repository, each one now has its own repository. This is mainly for maintainability. It’s easier to support multiple Front End frameworks versions in a dedicated repository instead of a multipurpose monorepository. Vue.js 2.x and 3.x were kept split because they have many differences. Angular (ng-particles): https://github.com/tsparticles/angular Astro (astro-particles): https://github.com/tsparticles/astro Ember (ember-tsparticles): https://github.com/tsparticles/ember Inferno (inferno-particles): https://github.com/tsparticles/inferno jQuery (jquery-particles): https://github.com/tsparticles/jquery Lit (lit-tsparticles): https://github.com/tsparticles/lit (WIP) Preact (preact-particles): https://github.com/tsparticles/preact React (react-particles): https://github.com/tsparticles/react Riot (riot-particles): https://github.com/tsparticles/riot Solid (solid-particles): https://github.com/tsparticles/solid Stencil (`stencil-particles): https://github.com/tsparticles/stencil (WIP) Svelte (svelte-particles): https://github.com/tsparticles/svelte Vue.js 2.x (vue2-particles): https://github.com/tsparticles/vue2 Vue.js 3.x (vue3-particles): https://github.com/tsparticles/vue3 Web Components (web-particles): https://github.com/tsparticles/webcomponents WordPress (wordpress-particles): https://github.com/tsparticles/wordpress Removed all presets from this repository for a single one (https://github.com/tsparticles/presets) in the @tsparticles organization, this will make easier to contribute to specific presets or create new ones. Added global variables to window object, so they are always accessible Migrating output to ES2021, it’s widely used and supported = 2.9.3 Bug Fixes Fixed some plugins, they weren’t loading correctly the options = 2.9.2 Bug Fixes Added missing shapes to confetti bundle Fixed issue with emitters plugin that spawned an unwanted emitters, fixes #4905 = 2.9.1 Bug Fixes Fixed missing plugins in wordpress component Fixed confetti bundle package.json Fixed confetti.create function in confetti bundle = 2.9.0 New Features Creating confetti bundle, easier confetti animations usage. Removed confetti function from the preset, this bundle replaces this feature. Creating fireworks bundle, easier fireworks animations usage. Minor Changes Added version to the Engine object. Added color and colorOffset properties to split options. Changed default particles number value to 0, the previous default value was meaningless. You must specify a number now, it’s easier to implement emitters plugin since you can declare just the emitters property without specifying 0 particles. If you need any number, you declare it ignoring the default value. = 2.8.0 New Features Reworked move.trail options, created a fill property that is an object with color and image, closes #4882 Bug Fixes Fixed polygon mask position issues Fixed polygon mask scaling issues = 2.7.1 New features Added loop options to sounds audio values Added volume buttons to sounds plugin Other Changes Moved out some plugin specific code from the engine to the dedicated plugin 2.7.0 Bug Fixes Fixed issue with animation random size, multiplying again the pixel ratio Added missing export EventType Fixed Engine package exports New Features Added shape options to circle, added range (min/max object) values to polygon and star shape options Changed default file for slim and full bundles, using the bundled file Added support for multiple shape drawers declared at once instead of adding a shape drawer multiple times Added ranged values in stroke width and opacity properties Added loops count to color animations Improved density values, now is 1:1 with number on 1080p resolution with pixel ratio of 1 (this is not a breaking change since nothing breaks, but it changes the behavior of existing values) Density values now has width/height values instead of area/factor, for compatibility reason width is mapped to area and height to factor. Created sounds plugin, with mute/unmute icons Added explosion sounds to fireworks preset Circle Options In particle.shape now it’s possible to set another option to the circle shape, angle. The new property accepts a number or a { min: number; max: number } object, when only number it’s going to be { min: 0, max: }. This creates partial circles starting from min to max, both values must be specified in degrees. If this value is ignored the default value is: { min: 0, max: 360 } (the full circle). Examples ` … shape: { type: “circle”, options: { circle: { angle: 180 } } } … ` This examples creates horizontal half circles ` … shape: { type: “circle”, options: { circle: { angle: { min: 90, max: 270 } } } } … ` This examples creates vertical half circles Density options The density options are changed a bit, instead of area/factor values, the width/height values are introduced and mapped respectively. The default values are changed to width 1920 and height 1080, so on a FullHD resolution on device pixel ratio 1 the particles number is the one specified in the options. Since width and height are multiplied together, they can be swapped and nothing changes. The formula for the density is: (canvasWidth * canvasHeight) / (densityWidth * densityHeight * devicePixelRatio^2) Notes on existing configurations Since many configs had a density.area value of 800, you’ll see less particles, just a few less. If you have also a factor value, you won’t notice any difference. When only area is set, if you want to keep the previous configuration, set factor to 1000. Since the default factor (height) value is 1080 now, the difference should be barely noticeable. 2.6.0 Bug Fixes Improved angular component id management Fixed multiline text shape (and relative demo) Fixed issues with links colors and themes, fixes #4841 New Features Added new resize object to interactivity options, can change the debounce delay, fixes #4803 WordPress plugin is now localizable, closes #4807 Other Changes Fixed dependencies charts on README …

If you’re tired of trying to find the right WordPress rating plugin, YASR is your best bet. Let’s delve into why this star rating solution will revolutionize how people view and rate content on your site! YASR offers a wealth of powerful features that make it stand out from other plugins in its class. You won’t be disappointed when adding this game-changing WordPress review plugin to your website. ➡ See LIVE Demo ✨ Live Demo | 📚 Documentation | 🌟 PRO Features | 🔥 Get PRO What the YASR WordPress rating plugin does YASR is the ultimate WordPress rating plugin, offering comprehensive features and customization options. It helps improve search rankings and encourages user engagement with interactive features such as star ratings and comment sections. YASR makes it easy to manage your website’s rating system, perfect for any WordPress site striving for better visibility! 🏆 Best WordPress rating plugin This WordPress review and rating widget offers a comprehensive solution to enhance your website’s SEO efforts and elevate its position on Google search results. Its fully responsive design, customizable settings, and intuitive interface ensure a seamless experience, even for those new to the platform. The WordPress rating plugin enables you to display product rating categories, rating widgets, features, product buttons, as well as pros and cons on your web pages. See LIVE Demo ⭐ WORDPRESS RATING WIDGET WITH SHORTCODES You can craft striking rating widgets suitable for placement in your website’s sidebar or footer. These aesthetically pleasing rating widgets present a compelling showcase of content ratings. They elevate the user experience by offering a visually appealing snapshot of the content’s rating, allowing visitors to quickly gauge and evaluate the rating with just a glance. See LIVE Demo 🌟 MULTI-CRITERIA RATING AND REVIEWS The rating plugin accommodates multi-criteria rating and reviews, granting users the ability to leave feedback on diverse facets of the content. This functionality allows for in-depth insights and a more thorough assessment of the content’s performance, quality, and other pertinent factors. See LIVE Demo 🌐 REVIEW SCHEMA.ORG SUPPORT The rating widget comes with review schema support, bolstering your website’s SEO approach by offering structured data to search engines. This aids search engines in better comprehending and showcasing your reviews, which can potentially boost your website’s visibility and enhance click-through rates in search results. See LIVE Demo ** YASR supports the following schema.org itemtypes: ** * BlogPosting * Book * Course * CreativeWorkSeason * CreativeWorkSeries * Episode * Event * Game * LocalBusiness * MediaObject * Movie * MusicPlaylist * MusicRecording * Organization * Product * Recipe * SoftwareApplication The BlogPosting itemtype will not show stars in search result. 👥 Visitor Reviews Visitors have the ability to display reviews and share feedback on content, detailing their experiences and viewpoints. This functionality promotes customer interaction and assists visitors in making well-informed choices drawing from past visitors’ insights. 🔄 Regular Updates The rating widget receives frequent updates to guarantee peak performance and to introduce new functionalities. This ensures that your website consistently benefits from the latest advancements and refinements. 🔌 No coding required No coding expertise is required to utilize this rating plugin. Its intuitive interface, combined with the straightforward copy-and-paste functionality for provided shortcodes, allows anyone to effortlessly showcase review boxes on their preferred pages. 🖥️ User-friendly interface The free version of the review plugin boasts an interface that’s both intuitive and user-friendly, catering to users with varying levels of expertise. Whether you’re a novice or a seasoned user, the rating plugin’s features are easy to grasp and implement, ensuring a smooth experience in managing and displaying your reviews. 🔗 WordPress and WooCommerce compatibility The YASR review plugin integrates flawlessly with both WordPress and WooCommerce, catering to a diverse range of websites. Be it a WordPress blog or a WooCommerce-driven e-commerce site, the rating plugin’s robust review and rating features can be easily deployed. The rating plugin offers a unified experience, elevating your website’s review mechanism irrespective of its nature. Whether you manage a blog, an online storefront, or a hybrid of both, the seamless integration with WordPress and WooCommerce guarantees consistent operation and peak performance. 🌈 Flexible review mechanism The free wordpress review plugin delivers a flexible rating solution suitable for a wide range of websites and business models. Be it an affiliate portal, a specialized blog, or a full-fledged e-commerce platform that needs to display reviews, the plugin equips you with the adaptability and tools needed to efficiently curate and showcase your reviews. 🔁 Seamless WordPress integration Effortlessly merging with WordPress, the plugin streamlines the review posting and rating management process. It blends smoothly with the WordPress dashboard, offering a coherent and efficient workflow for crafting content and overseeing ratings and reviews. Supported Post Types: * Posts * Pages * Product (WooCommerce) * Categories * Custom post types * ANY other post type 👥 User interaction The stars ratings WordPress plugin encourages user participation by enabling them to post reviews, fostering deeper engagement with your website. Users can voice their thoughts, offer feedback, and partake in conversations, building a communal atmosphere and trustworthiness for your offerings. 🚀 Optimized code The plugin is engineered with precision, ensuring top-tier performance, security, and reliability. The development team is committed to providing an unparalleled user experience, adhering to industry-leading standards and stringent coding guidelines. 🌟 Premium support A specialized team of professionals offers top-notch support for the plugin. They stand ready to tackle any queries, challenges, or concerns you might encounter. With year-round availability, the support team guarantees prompt and thorough help whenever required. YASR: A Game-Changer for WordPress Star Ratings When it comes to free WordPress review plugins, YASR stands out from the crowd. This star rating system gives you full control of your ratings and empowers users to rate content with trust-building reviews that help boost conversion rates and Google rankings. Unique features such as displaying ratings on SERPs, setting custom criteria for scoring products/services or making a list of top-rated content give this plugin an edge over other wordpress rating solutions. The user friendly interface combined with versatility makes YASR suitable not only for experienced webmasters but also beginners who require more detailed guidance when dealing with their own ranking systems on different types of websites powered by WordPress CMS platform. With positive reviews visible right away within search engine results pages (SERP), this is definitely one best WP review tools any website striving better placements can’t go without these days.. Last but not least, being able to customize its functionality gives an ultimate solution at editorialrating level which make YASR absolutely essential if looking forward having topnotch WordPress site performance. ✨ Live Demo | 📚 Documentation | 🌟 PRO Features | 🔥 Get PRO Setting Up YASR YASR is very easy to set up, similar to other WordPress plugins. It gives you the flexibility of customizing your rating criteria according to what best suits your requirements and it facilitates positive reviews by enabling users rate content that will then appear on search engine results pages. When compared with other star-rating add-ons for websites, YASR stands out due its compatibility with various page builders – making it one of the top rated plugins for seamless integration into any website’s design while also ensuring compliance with data privacy regulations as mandated by GDPR protocols. Its simple installation process combined with all these features makes YASR a perfect pick if you’re looking at bolstering user experience alongwith improving how well an individual site ranks in SERPs when searched against keywords related to ratings or review plugin tools available via wordpress platform solutions. Design and Usability of YASR YASR seeks to deliver a straightforward user experience combined with plentiful personalization capabilities like custom post types, improved SEO opportunities and features that increase visitor involvement. The following parts of this article will be devoted to investigating YASR’s design facets, customization options, search engine optimization advantages as well as its capacity in prompting customer engagement and interactivity more profoundly. Customization Options YASR offers customizable star ratings that can easily be tailored to your unique needs. You have the option of changing color and size so that it blends in with any design or content type on your website. This allows for a more unified look as well as valuable customer feedback to enhance user experience. This rating system is also highly adjustable since YASR permits customization regardless of site designs or types of content being provided, ensuring seamless integration into all websites using their services. Allowing you to create a personalized interface without losing any important information makes this an ideal choice for those seeking versatile features from their rating systems. By offering flexibility when creating star ratings along with adaptability based upon specific requirements (such us website theme) users are able to make use out of its options while customizing them accordinglty. Making sure they get the best value out possible at all times! User-Friendly Interface YASR is designed to provide an interactive and engaging experience with its user-friendly interface, making it a great option for anyone looking to implement a rating system on their website. Its intuitive navigation offers customizable color schemes, fonts, as well as drag-and-drop widgets that make the process of adding ratings seamless. YASR also encourages community building by allowing users to create profiles complete with comments or reviews about particular products or services being rated. Allowing these features makes using this plugin easy even for beginners yet powerful enough for advanced users alike.. SEO Benefits and Search Rankings YASR offers many SEO benefits, including having ratings indexed on Google’s Search Engine Results Pages (SERPs) along with the accompanying stars. This can result in greater visibility for your website and more clicks coming to it from search queries which leads to improved ranking. It is a great way of increasing brand recognition while simultaneously giving you valuable feedback from customers. To click-through rates being higher when users spot the glowing stars next up your web page entry, YASR also helps drive traffic thanks to its rating features, making sure potential visitors are fully aware of what makes yours stand out among others in terms of quality or user reviews. Search engine optimization through this platform Boosts credibility as consumers will be able trust any recommendations they may see online that include those alluring star symbols on SERP’s pages . Lastly, important information about customer views can help identify common issues associated with products/services thus guiding digital marketers into creating better strategies for future projects within their company’s sphere.. User Engagement and Interactivity YASR provides an interactive experience for users, enabling them to rate content with a simple click on the star rating widget and submit comments in the comment section. This encourages visitors of your website to express their opinions about certain topics which can create community engagement. They have access to view reviews left by others. Both positive and negative ones, this being important as far as site reviews go for gaining online success. YASR: The last WordPress rating plugin you need Ultimately, if you’re looking for the greatest WordPress plugin to use as a ratings solution, YASR is it. This plugin offers an extensive selection of features and customization options – such as user-generated reviews/testimonials, schema.org rich snippets & customizable rating widgets – that will drastically enhance any website’s usability and increase its search rankings. It possesses an easy interface accompanied by potent capabilities which make this the ideal choice when seeking a reliablerating system for your WordPress site . As one can see , YASR provides so much more than just basic functionality. Users have complete freedom over customizing their own experiences with it . Thus , out of all possible solutions available on WordPress –Yasr clearly stands out from rest– making it undeniably perfect tool to optimize UX & promote SEO within websites today ✨ Live Demo | 📚 Documentation | 🌟 PRO Features | 🔥 Get PRO Also check out our other plugins: – Google Reviews Plugin for WordPress – Send Users Email – Email Subscribers, Email Marketing Newsletter Developers While YASR – Yet Another Stars Rating does not require any coding, it is developer friendly! It is the first (and for now only) rating plugin that uses REST API. Here you can find the documentation. Further, it comes with a lot of hooks, you can find more info here . GitHub Follow development on GitHub Related Link All available shortcodes in free version Documentation at Yasr Official Site Do you want more features? Check out Yasr Pro! Press Tutorial by Qode Magazine Tutorial by Greengeeks