Title: Physicks Author: Canica Works Published: 29.06.2026 Last modified: 29.06.2026 --- ჩადგმების ძებნა ![](https://ps.w.org/physicks/assets/banner-772x250.png?rev=3590421) ![](https://ps.w.org/physicks/assets/icon-256x256.png?rev=3590421) # Physicks ავტორი: [Canica Works](https://profiles.wordpress.org/canicaworks/) [ჩამოტვირთვა](https://downloads.wordpress.org/plugin/physicks.1.0.0.zip) * [დეტალები](https://ka.wordpress.org/plugins/physicks/#description) * [მიმოხილვა](https://ka.wordpress.org/plugins/physicks/#reviews) * [დაყენება](https://ka.wordpress.org/plugins/physicks/#installation) * [დეველოპმენტი](https://ka.wordpress.org/plugins/physicks/#developers) [მხარდაჭერა](https://wordpress.org/support/plugin/physicks/) ## აღწერა **Physicks** lets you build interactive canvas compositions powered by real-time physics. Using a visual drag-and-drop editor, you can create dynamic layouts with animated objects that respond to gravity, bouncing, dragging, and cursor interaction— then embed them anywhere on your site with a simple shortcode. #### Key Features **Editor** * Visual canvas editor — place, resize, rotate, and style objects directly in the WordPress admin * Full undo/redo history * Desktop and Mobile canvas views — design separate layouts for each viewport * Raw JSON mode — copy, paste, and transfer entire compositions between projects * Clone objects, align freely, snap guides for precise placement **Objects** * 8 built-in shapes: squares, circles, triangles, hexagons, pentagons, rhombuses, trapezoids, and parallelograms * Per-object customisation: background color/image, text color, padding, border radius, rotation * Hover and Active states — define separate colors and images for each interaction state * Border controls: width, color, stroke position (inside/centered/outside), line join, line cap, dash patterns * Content editor — add rich text or HTML inside any object * Click actions: open link, open in new tab * Custom CSS class per object for theme-level styling **Physics & Motion** * Falling physics powered by [Matter.js](https://brm.io/matter-js/) — drop on load or drop on click * Configurable gravity, bounce (restitution), and friction * Floating motion — objects drift gently around the canvas * Collision physics — objects bounce off each other and canvas walls * Cursor repulsion / attraction — objects react to cursor position with configurable radius and force * Border animation — animated stroking effects cycle through object borders * Drag & drop objects on the frontend canvas **Responsive & Performance** * Canvas scales proportionally to fit any container width * Separate mobile canvas with configurable breakpoint * Assets loaded only on pages where a composition is embedded * Minified JS files in production (admin toggle to use unminified for debugging) * Vendor libraries bundled locally — no external CDN requests **Compatibility** * Works with Elementor, Divi, WPBakery, and any theme/page builder that supports shortcodes * Compatible with WPML, Loco Translate, and Polylang * Import/export compositions as JSON for easy migration * SVG upload support with server-side sanitisation #### Bundled Libraries * [Matter.js](https://brm.io/matter-js/) v0.19.0 — MIT Licence * [poly-decomp.js](https://github.com/schteppe/poly-decomp.js) v0.3.0 — MIT Licence #### Privacy Physicks does not collect any visitor data. All physics processing happens in the visitor’s browser. No cookies are set for site visitors. ### External Services **Google Fonts (optional, disabled by default)** If you enable the Google Fonts option in Physicks Settings Performance, the plugin will load font files from Google’s servers on the pages where a composition is embedded: * **Service:** Google Fonts (`fonts.googleapis.com`, `fonts.gstatic.com`) * **When:** On frontend page load, only on pages containing a Physicks composition, only if the option is enabled * **Data sent:** Standard HTTP request (IP address, browser user agent, referring URL) * **Disabled by default** — no Google Fonts requests are made unless you explicitly enable this setting * Google Privacy Policy: https://policies.google.com/privacy * Google Fonts Privacy: https://developers.google.com/fonts/faq/privacy ### Build Tools Physicks ships minified JavaScript for production performance. All unminified source files are included in the plugin ZIP alongside the minified versions (`assets/js/*. js` are the sources; `assets/js/*.min.js` are the compiled outputs). To rebuild the minified files from source, run `npm install && npm run build` in the plugin root. Node.js 18+ and npm are required. ## ეკრანული სურათები [⌊The empty state — create your first composition and get started in seconds.⌉⌊The empty state — create your first composition and get started in seconds.⌉[ The empty state — create your first composition and get started in seconds. [⌊Pick a ready-made template or start with a blank canvas.⌉⌊Pick a ready-made template or start with a blank canvas.⌉[ Pick a ready-made template or start with a blank canvas. [⌊The visual editor — drag-and-drop shapes, configure physics, and preview in real time.⌉⌊The visual editor — drag-and-drop shapes, configure physics, and preview in real time.⌉[ The visual editor — drag-and-drop shapes, configure physics, and preview in real time. [⌊Manage all your compositions in one place, with shortcodes ready to embed anywhere.⌉⌊ Manage all your compositions in one place, with shortcodes ready to embed anywhere .⌉[ Manage all your compositions in one place, with shortcodes ready to embed anywhere. ## ბლოკები ეს პლაგინი უზრუნველყოფს 1 ბლოკს. * Physicks ## დაყენება **Automatic installation** 1. Go to **Plugins Add New** in your WordPress admin. 2. Search for “Physicks”. 3. Click **Install Now**, then **Activate**. **Manual installation** 1. Download the plugin ZIP file. 2. Go to **Plugins Add New Upload Plugin**. 3. Choose the ZIP file and click **Install Now**, then **Activate**. **First steps** 1. Navigate to **Physicks Add new** to create your first composition. 2. Give it a title and click **Save Draft** to unlock the canvas editor. 3. Click **+ Add New** in the Object panel to start adding shapes. 4. Use the **Settings** panel below the canvas to configure physics and interaction options. 5. Copy the shortcode shown in the compositions list (e.g. `[physicks id="123"]`) and paste it into any page or post. ## ხდკ ### What browsers are supported? Physicks requires a modern browser with support for CSS `clip-path`, `mask-image`, SVG, and the Fetch API. This covers all current versions of Chrome, Firefox, Safari, and Edge. Internet Explorer is not supported. ### Does this work with page builders? Yes. Physicks uses a standard shortcode (`[physicks id="X"]`) which works in any context that supports shortcodes, including Elementor, Divi, WPBakery, Beaver Builder, and most others. Enable **Page Builder Compatibility** in Physicks Settings Performance if the composition does not appear in a page builder’s live editor preview. ### Does the physics simulation run on mobile? Yes. The canvas scales responsively and the physics simulation runs on all devices. Touch drag is supported. You can also design a separate mobile layout using the ** Mobile** tab in the editor and configure the breakpoint width at which it activates. ### Will it slow down my site? The physics library (Matter.js, ~80 KB minified) and the Physicks frontend script( ~27 KB minified) are only loaded on pages where you embed a composition using the shortcode. They are never loaded site-wide unless you explicitly enable **Load Assets Globally** in the plugin settings. ### Can I transfer compositions between sites? Yes. Use **Physicks Settings Export Compositions** to download a JSON file containing all your compositions and their settings, then import it on the destination site using the Import option on the same page. You can also copy and paste individual compositions using the Raw JSON button in the editor. ### Is the plugin compatible with caching plugins? Yes. Physicks outputs compositions as static HTML with data attributes — there is no AJAX on the frontend. Most caching plugins are fully compatible. If assets are not loading after enabling a caching plugin, enable **Cache Compatibility** in Physicks Settings Performance. ### How do I style the canvas container? You can add a custom CSS class to the canvas via the Settings panel and target it in your theme’s CSS. You can also add composition-specific CSS directly in the ** Custom CSS** field in the Settings panel — use `.physicks-front` as the container selector. ### Does Physicks support translation? Yes. The plugin is fully internationalised. A `.pot` template file is included in the `/languages/` directory and is compatible with WPML, Loco Translate, and Polylang. ## მიმოხილვები There are no reviews for this plugin. ## მონაწილეები & დეველოპერები “Physicks” ღია პროგრამული უზრუნველყოფაა. შემდეგმა ადამიანებმა წვილი შეიტანეს მის განვითარებაში. მონაწილეები * [ Canica Works ](https://profiles.wordpress.org/canicaworks/) [გადათარგმნეთ Physicks თქვენს ენაზე.](https://translate.wordpress.org/projects/wp-plugins/physicks) ### დაინტერესებული ხართ დეველოპმენტით? [დაათვალიერეთ კოდი](https://plugins.trac.wordpress.org/browser/physicks/), შეამოწმეთ [SVN რეპო](https://plugins.svn.wordpress.org/physicks/), ან გამოიწერეთ [შექმნის ჟურნალი](https://plugins.trac.wordpress.org/log/physicks/): [RSS](https://plugins.trac.wordpress.org/log/physicks/?limit=100&mode=stop_on_copy&format=rss). ## ცვლილებები #### 1.0.0 * Initial release. ## მეტა * Version **1.0.0** * Last updated **2 დღის წინ** * Active installations **10-ზე ნაკლები** * WordPress version ** 5.8, ან უფრო მაღალი ** * Tested up to **7.0** * PHP version ** 7.4, ან უფრო მაღალი ** * Language * [English (US)](https://wordpress.org/plugins/physicks/) * Tags * [animation](https://ka.wordpress.org/plugins/tags/animation/)[canvas](https://ka.wordpress.org/plugins/tags/canvas/) [interactive](https://ka.wordpress.org/plugins/tags/interactive/)[Physics](https://ka.wordpress.org/plugins/tags/physics/) [shortcode](https://ka.wordpress.org/plugins/tags/shortcode/) * [დამატებითი ხედი](https://ka.wordpress.org/plugins/physicks/advanced/) ## რეიტინგები No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/physicks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/physicks/reviews/) ## მონაწილეები * [ Canica Works ](https://profiles.wordpress.org/canicaworks/) ## მხარდაჭერა გაქვთ კომენტარი? გჭირდებათ დახმარება? [მხარდაჭერის ფორუმის ნახვა](https://wordpress.org/support/plugin/physicks/)