Animatic – Advanced WordPress Frontend Animator (Media)

Animate Your Existing Stuff or Create Elaborate New Animations

Here are some sped up videos on how we used Animatic to create the animations in the live preview:

We are bringing how you add animations to your site to a new level. Meet Animatic, a frontend animation editor for WordPress.

Animate your existing stuff in your website and create complex animation composed of your images.

With Animatic, you can:

  • Add infinitely looping animations to your elements,
  • Add entrance transitions to your elements,
  • Add hover animations and transitions to your elements,
  • Create multi-image infographics and animations, all live from your frontend

Animatic adds an Edit Animations button in your frontend. Clicking on that will bring up the easy to use and intuitive Animatic Panel:

Animatic Panel Explanation

Just click on an element to select it, then animate it

You can modify 30+ animation parameters such as:

  • X, Y, Z positions,
  • X, Y, Z rotations,
  • Opacity,
  • Z-index,
  • Scale,
  • Idle Animation,
  • Animation duration,
  • and more…

Full Feature Set

  • Create complex & layered animations composed of multiple images,
  • Integrates right into the Media Manager for easy image placement for animating,
  • Live frontend editing using the Animatic Panel,
  • Very easy to use and intuitive controls,
  • 50+ Animations & transitions,
  • Change values using your mouse,
  • Hardware accelerated animations,
  • Bonus: includes the Animatic Visual Composer element

Important Note

Animatic is used for animating stuff, not for layouting your content. It is not a page builder. Using Animatic to layout your content may create weird results in small screens.

Having Trouble with the Plugin?

Head over to the support tab and check out the FAQs, or submit a support ticket!

Enjoying the Plugin?

Be sure to leave a rating and review and show us some love.

Check out Our Other Stuff

Video & Parallax Backgrounds For Visual Composer

CSS Animator add-on for Visual Composer

4k Icons add-on for Visual Composer

Updates

Version 1.0

* Initial release

Download Animatic – Advanced WordPress Frontend Animator (Media)

City Guide – Sleep, Eat, Enjoy (Full Applications)

Create easily a City Guide App for every city, just in minutes. Get real time data for hotels, restaurants, bars and clubs. This app is powered by Google Places API, which ensures every user to be provided with the latest data, including reviews for the different places.

It’s Android Studio project and you can easily customize and create app for your preferred city. You just need to set the relative coordinates.

Demonstration

City Guide - Sleep, Eat, Enjoy

Please read below before adding new comment / contacting us via email

1) There are a lot of questions that are already answered, so please use the search field in Comments section to get answer quickly!

2) If you can’t find answer for your question in the Comments section, please visit the Support section. There you will find some useful information and answers.

3) If you want to ask quick question it’s good idea to post a comment, but if you have an issue, please contact us via the contact from in our profile page. Please make sure to point for which product you are asking.

4) Please be patient, while you are expecting answer/reply from us. During the weekends and holidays we will need more time to reply to all comments and emails. Please note that we are doing our best.

Latest versions

Version 1.0 (26.07.2015)

  • Initial version

Download City Guide – Sleep, Eat, Enjoy (Full Applications)

CardSlider – jQuery 3D Card-Style Image Slider (Sliders)

CardSlider

CardSlider is a responsive CSS3 3D Card-Style jQuery slider plugin which get inspiration from FWA landing page’s awesome slider.It can make images in to 3d card-style and animate them use CSS 3D transforms and CSS animations.

CardSlider Skins

Features

  • Responsive.
  • 3D Card-style with CSS3.
  • Dark & Light Skins included.
  • Pagination & Navigation controls.
  • AutoPlay supported.
  • Hardware Accelerated CSS 3D Transforms & Animations
  • Slide in six direction width shadow and animations
  • Work on all modern browsers that support CSS3 3D Transforms.
  • Step-by-step guide to help you with usage and customization.

Many thanks to Alexander Zaytsev, the demo used some awesome ui graphics of him.

NOTE: IE8,IE9 doesn’t support CSS 3D Transforms so the slider will fallback on them.IE10 doesn’t support “preserve-3d” so the media images will be tiled but lost other faces in 3d and some 3d animations.

Some Other Plugins Of Mine

UtilCarousel Responsive jQuery Carousel Plugin

ImageZoom – Responsive jQuery Image Zoom Plugin

Zoome – jQuery Image Zoom Effect Plugin

Download CardSlider – jQuery 3D Card-Style Image Slider (Sliders)

Opencart 2 Layout Composer (OpenCart)

WHAT IS LAYOUT COMPOSER??

Layout Composer is an editor gives easy way drag and drop module to page layout at the standard positions: Content Top, Content Bottom, Column Left, Column Right… if you have experience with opencart, you can easily add new positions as you wish.

If you experience any difficulties in installation, using, or creating new positions for your own theme. Please contact me.

Administator Demo

Click here</>

  • User: demo
  • Password: demo

Update history

v.1.0.0

  • Initial Release

Download Opencart 2 Layout Composer (OpenCart)

Tshirt Try On (WooCommerce)

Tshirt Try-on “WordPress / WooCommerce plugin”: allows visitors to try and compare Tshirts on your website then purchase the chosen ones.
By uploading their own images or snapshot with webcam , Customers can see how they look like wearing your Tshirts and purchase the desired ones , It´s highly customizable and very easy to use..

Using Tshirt Try-on plugin helps to increase user engagement and interest by enabling users to virtually discover and experience your products .

Download Tshirt Try On (WooCommerce)

Ultimate Bootstrap Forms (Forms)

Ultimate forms consists of 40+ forms built on bootstrap latest version

it has following forms

Add Events

Add Product

Appointment

Comments

Contact us

Editable Fields

File Upload

Fill Document

Flight Booking

Forgot password

Form Wizard

Hotel Reservation

Login

Order Item

OTP

Post Article

Questionnaire

Register

Reset Password

Review

Signup Validation

Subscribe Form

Survey Form

Inline Edit Form

Download Ultimate Bootstrap Forms (Forms)

BizBox(Solution For Any Cafe,Restaurant & more) (Full Applications)

About

BizBox app is a Appcelerator Studio Mobile application developed for Restaurants, Cafe lounge, recipes apps, delivery services and moree=)

I created webPanel for this application. In this webPanel you can configure the ALL settings in the app.

App works for iPhone ( all models including iPhone6 / 6+ ), iPad and on all Android devices and versions.

The application is divided into modules! Everything you need for a business focused in one app!
So you don’t need hosting and database to run your app.

Navigation
BizBox have 3 types of navigation

– Metro – Inspired by the Window navigation
– Slider – Configurable dynamic menu.
– Tabs – Native tab navigation

Menu section

The main part of this app is the “Menu” module. It can be used to display your cafe, restaurants menu into categories. Each item can have unlimited number of prices so it feeds your needs. By default the menu module comes with a ordering basket where users can make order directly from the mobile app and you will receive the full order on your email and webPanel.

P.S.This module is also perfect for recipe, delivery services, flower shops and more app.

News section

This module displays list of news that you create in the admin panel. For each post you can create Name,Intro text, Post content.

Gallery

The gallery is robust and good looking gallery that can fetch albums and galleries from
– Goolge + / Picasa can also be used as source for this gallery module
– Flickr gallery will fetch you public images from flickr .
– NextGen gallery

It is configured from the webPanel.

Contact

In this section you can add link or action to Website, FaceBook Profile, Call phone, Open Map location.

Push notifications

You can send a huge number of push notifications
Send push notification’s from the webPanel! It is very EASY=))

AdMob ads

Earn by displaying advertisements! It is easy and simple!
To enable them just enter your AdMob publishers id’s in the webPanel and you will have the ads in the app.

Features
– This app using Ti 3.5.0.GA SDK
– Appcelerator Studio ver. 4.1.1.201507141126
– Cloud app, it uses Appcelerator Cloud Services, arrowDB to store your data
– Awesome Design
– Easy to implement
– Navigation Template.Tab-based-ActionBar-Style- Metro
– Cross platform – Works on iPhone,iPad, Android devices and Tablet’s
– Support Admob Ads.
– Send Push Notification to your app users.
– Short time to make it work with your settings.

Please look a DEMO version for Android:

https://play.google.com/store/apps/details?id=com.bizbox2.ru

DEMO webPanel:

http://bizbox.site50.net

login: [email protected]
pass: 12345

P.S.

There is no bug less software. So please before leaving negative review, if you have problems or question contact me throughout the question section. I will do my best to help you.

Sources and Credits

I’ve used the following fonts:

Signika – http://www.fontsquirrel.com/fonts/signika

Eraser – http://www.fontsquirrel.com/fonts/Eraser

Raleway – http://www.google.com/fonts/specimen/Raleway

Note

*You will need MAC computer and Apple Mobile development license to build your app for iPhone and iPad.

Download BizBox(Solution For Any Cafe,Restaurant & more) (Full Applications)

CTA Mojo – Layers Call-To-Action Box (Add-ons)

CTA Mojo lets you add Call-to-Action Box that your visitors can’t help but click into your Layers powered theme. No matter what kind of website you’re building, you’re gonna need a simple, yet effective call-to-action box that would boost your conversion rates – whether it’s new signup, increase sales, or get more subscribers.

We have done all the heavy lifting for you! It’s time to guide your visitors through your checkout process or signup from using CTA Mojo.

Features

– Powerful, Flexible & Unique

– 4 different type of backgrounds: color, image, parallax, video

– Support up to 3 buttons

– Built-in animation machine

– Font-Awesom Icons integrated

– Support horizontal & vertical layout

– Customize with Ease!

– Clean, Vaildated Code

– Built for Layers

– Designed for mobile phones and tablets

– Cross browser support

– Translation ready

– And many more…

Requirements:

You MUST have Layers parent / child theme installed and activated in your wordpress site. This plugin is built specifically for Layers powered themes. It won’t work on any other wordpress themes.

Download CTA Mojo – Layers Call-To-Action Box (Add-ons)

Real Estate – GWD Ad Banner (Ad Templates)

Real Estate – GWD Ad Banners are designed with Google Web Designer. And provided 5 most frequently used sizes in the market

Sizes

1. 300X600
2. 300X250
3. 728X90
4. 160X600
5. 180X150

Features

A. Google Web Fonts
B. Repeating Animation Effects.
C. Fully Editable
D. 24X7 Support N Free Updates

About

Specially Designed for Real Estate Sectors…. And of course you can use these ad banners for any purpose as well, just by changing content,, it is very easy.. you can use this for many more ways

Design of the ad banner is very trendy and catchy to users.. and you can change all elements as per your need.

All files are included for buyers to edit content easily.. buyers can modify content like Background-color, Titles, Logo, Images etc.. easily according to their requirement. No Need of Technical stuff..

Support

Feel free to ask any queries, it is our pleasure to help you..

And Ask Us For Any New Sizes, Will provide you in 24 Hrs

Download Real Estate – GWD Ad Banner (Ad Templates)

Insurance – GWD HTML5 Ad Banner (Ad Templates)

Insurance – GWD Ad Banners are designed with Google Web Designer. And provided 5 most frequently used sizes in the market

Sizes

1. 300X600
2. 300X250
3. 728X90
4. 160X600
5. 336X280.

Features

A. Google Web Fonts
B. Repeating Animation Effects.
C. Fully Editable
D. 24X7 Support N Free Updates

About

Specially Designed for Promoting Insurance Offers…. And of course you can use these ad banners for any purpose as well, just by changing content,, it is very easy.. you can use this for many more ways

Design of the ad banner is very trendy and catchy to users.. and you can change all elements as per your need.

All files are included for buyers to edit content easily.. buyers can modify content like Background-color, Titles, Logo, Images etc.. easily according to their requirement. No Need of Technical stuff..

Support

Feel free to ask any queries, it is our pleasure to help you..

And Ask Us For Any New Sizes, Will provide you in 24 Hrs

Download Insurance – GWD HTML5 Ad Banner (Ad Templates)

Simple Kids Puzzle – Relations (Games)

About the Game:

Simple Kids Puzzle – Relations

This is a puzzle game about animals. In this game, you have 4 images in each puzzle and 4 empty spaces in front of them. There are 4 images at the bottom side of the screen and you have to place them in empty spaces. There is a relation between the each given image and the one that you have to put in front of it and the player has to understand this relation and put the images in correct order. These relations can be many different things, like animals and their foods, their inhabitant, the product that we produce from each of them and etc. There also forward and backward buttons and you can use them to skip a puzzle or play a previous one again. Because of the nature of this game and its cute and funny images, it can be very interesting and educational for kids.

How to Play:

You can play this game with mouse or touch in mobile devices.

Features:

» HTML5 game
» Works on all HTML5 browsers
» Appearance is customizable (not codes).
» Supports touch
» Can be used in mobile devices & websites
» Made with Construct 2
» Construct 2 project file is included
» Auto-resize (responsive)

We will be happy to hear your ideas and opinions about the game, so if you like write a comment or send it to our e-mail:
[email protected]
And if you liked it, don’t forget to rate it!

Come & See Our Website: www.01Smile.com

Flag Counter

Download Simple Kids Puzzle – Relations (Games)

Service Ajax Api (Utilities)

Service AJAX API is easy to use ajax interface for any plugin you have in mind.

Features includes

Available API Service:
  • PublicAPI – Which AJAX api that can be serve publicly.
  • ProtectedAPI – Which AJAX api that can only be serve when a user is logged in.
  • AdminAPI – Which AJAX api that can only be accessed by Admin accounts.

So far this 3 suffice WordPress needs.

Classes:
  • SVCdb (static) – Query Helper class, which uses wpdb so this is a drop in class.
  • SVCHelper (static) – Some helper functions that will get updated as the library requires it.
  • SVCService (static) – Service API Class
  • SVCSQLConstructor – Used by SVCdb for creating a SQL statements.
  • SVCStore (static) – Common WordPress store functions, this also serves as an example of how to use the SVCdb class. This will also be updated as the library requires it.
3rd Party:

JSMin – Used to minify the javascript that is generated by service.

Folder structure:
/service
  /docs
  /includes
  /libraries
  /public
  /services

Note: The services/**.php folder is where you will put your services scripts (api) it will auto included every time the plugin is initialised. Although it is not advisable, make it as minimum.

Usage:

Requires jQuery and it uses jQuery ajax promise.

> API.fetch('servertime', ['Y-m-d']).success(function (response) {
      console.log(response);
   }).fail(function(err) { 
      console.log(err);
   }); 

More example can be found on plugin documentation or you can view them online here

Download Service Ajax Api (Utilities)

Flatimation SVG – An Animated SVG Icon Set (Images and Media)

It’s time that you add a little fun back to your website! What if I told you that you could add eye-catching animated icons that work across all major browsers and mobile devices, all while having the maximum flexibility of smaller file sizes, unlimited scalability, and extreme customization in only three words? Meet Flatimation SVG!

What is Flatimation SVG?

Flatimation SVG is a set of 81 Animated SVG icons with 7 animation effects, 3 background variations, and 6 precoded size options. All of these 126 options per icon can be changed in just three words – and that’s not counting the unlimited color and hover possibilities found in the detailed CSS stylesheet. That’s 10,206 options in one purchase!

7 Animation Effects

Flatimation SVG by Garett® - 7 Animation EffectsFlatimation SVG by Garett® - Spin DemoFlatimation SVG by Garett® - Jump DemoFlatimation SVG by Garett® - Rock DemoFlatimation SVG by Garett® - Pulse DemoFlatimation SVG by Garett® - Shake DemoFlatimation SVG by Garett® - Bounce DemoFlatimation SVG by Garett® - Zoom Demo .GIF above is heavily optimized. Animations run even smoother on Live Preview.

3 Background Variations

Flatimation SVG by Garett® - 3 Background VariationsFlatimation SVG by Garett® - 3 Background Variations Demo

6 Precoded Sizes

Flatimation SVG by Garett® - 6 Precoded SizesFlatimation SVG by Garett® - 6 Precoded Sizes Demo

Goodbye Pixels, Hello Scalability

SVGs are vector graphics, meaning that they can scale from 16px to 1000px while remaining beautifully sharp. This also means there’s no need to duplicate icons for Retina-Ready/High Resolution devices. Say?nara pixelation!

Flatimation SVG by Garett® - All IconsFlatimation SVG by Garett® - SVG vs PNG Demo

3 Word Combinations

I kid you not, the hardest part of Flatimation SVG is choosing which 3 word combination you want in your SVG snippet. 126 options and you have to narrow it down to 1 animation effect, 1 background variation, and 1 size option – good luck! My favorite combination is “spinsvg circlebg middleicon”!

Flatimation SVG by Garett® - 3 Word CombinationsFlatimation SVG by Garett® - 3 Word Combination Examples - Jump/SquareBG/Small, Spin/CircleBG/Middle, Rock/RoundedBG/Large .GIF above is heavily optimized. Animations run even smoother on Live Preview.

Plays Well With Others

Flatimation SVG by Garett® - SVG vs PNG Demo

Thanks to Velosity.js and jQuery, Flatimation SVG works effortlessly across all major browsers and mobile devices without the need of Flash or any other plugin. Did I mention Flatimation SVG even plays with that bully IE 9+?

Extremely Detailed Documentation

Whether you’re a veteran web developer or my 50-year-old mother, I’ve explained in great detail how to get Flatimation SVG working and implemented on your website within minutes. Yes, I literally tested my not so tech savvy mother – her record is 7 minutes.

Keeping It Simple, Silly

Thanks to its minimalistic flatness and customization, Flatimation SVG fits in with all themes, websites, and brands. It doesn’t matter if the website is for a fortune 500, a punk rock group, or a cat blog – Flatimation SVG fits in!

Meet The Flatimation SVG Family

Flatimation SVG is made up of 63 social media and 18 general use icons. Here is what they look like in their 3 background variations:

Flatimation SVG by Garett® - All IconsFlatimation SVG by Garett® - 81 Icons in 3 Background Variations

Flatimation SVG Features

  • 81 Beautiful SVG Icons
  • 100% Scalable & Compatible
  • 10,206 Easy Customizable Options
  • Detailed Documentation
  • Designed to Match ALL Websites
  • Retina Ready & High Resolution
  • Direct Support From Author

Download Flatimation SVG – An Animated SVG Icon Set (Images and Media)

2 Cars Cross-platform! (Mobile)

2 Cars Cross-platform!

2 Cars is an application fully developed in corona SDK, has been built with all the characteristics required to contain an universal application with multi-platform.

Top App Store game. This code is very similar to original game. You need to control the red and blue cars at the same time. Avoid the squares and catch circles

Features :

  • iOS Universal (iPhone 4, 5, 6, 6+ & iPad).
  • Android (Mobile & Tablet).
  • Amazon (Mobile & Tablet).
  • Share your apps on Facebook, Twitter, Email.
  • In-app purchases (iAP) for Google Play (ADS or Restore Remover Purchase).
  • In-app purchases (iAP) for Apple (ADS or Restore Remover Purchase).
  • In-app purchases (iAP) for Amazon (ADS or Restore Remover Purchase).
  • Using Multiple Ad Networks :
    • Admob.
    • Revmob.
    • Chartboost.

2 Cars is developed to make it easy to use when performing a reskin and update of the parameters used. In 2 Cars documentation explains each of the technical details that should be considered for changing the images. This development is intended for publication on iOS, Android and Amazon.

Deliverables :

  • Project CoroanaSDK with all its images, sound and source codes used in this development to be compiled on iOS, Android and Amazon.

Resources

  • Corona SDK Build 2015.2603

Demo and Video :

IMPORTANT

As per Envato rules, you must purchase 2 Cars under an Extended License if you are going to publish more than one version of this app on any App Store. – Do not use the images included for your project. The sounds, codes and music are the only features avaliable for your project.

Download 2 Cars Cross-platform! (Mobile)