Imagine - Parallax Scroll Effects and Parallax Animations

Description

Why Imagine?

Imagine by pixevil is a parallax scroll and parallax animations framework with unlimited animation possibilities. Imagine animations can be used with any element in your page and comes with a perfected parallax background markup. Built with the use of jQuery, GSAP and Animus, the plugin is guaranteed to offer unmatched parallax scrolling experience.

Premade Templates

We want to help you out with your business. That’s why we’re including premade usage examples for Imagine, making it easier for you to get your website up and running.

Imagine a masterpiece

Parallax animations for any element. Simpler than ever.

Imagine is amazing because of how simple its syntax is for creating custom animations. You don’t need to learn complicated JavaScript to create beautiful custom scroll progress based animations for any element of your page. You can write your own animations on the fly. We like to keep things simple for you.

data-imagine="y 0.5, scale 0.2"

Imagine makes range based animations simple as well. If you want your element to animate from a 200px offset to 0px, you simply use the range animation syntax.

data-imagine="x 200..0"

Touch Enabled

Touch interactions are essential to any website. Imagine offers a seamless mobile-friendly experience on all touch devices.

Animate Anything

Apply impressive parallax animations and effects to anything on your page. Whatever it is, imagine can animate it.

Usage Ready

All the assets used for slidea are included in the download! HTML, CSS, SASS, JS, CoffeeScript, Images and Fonts.

Well Documented

Everything you need to know about imagine can be found in one easy to follow documentation with live examples.

Beginner Friendly

Whether you’re a beginner or an advanced developer, we offer easy-to-follow guides for a great development experience.

Bootstrap and Foundation

Imagine is compatible with any front-end framework and has been tested with both Bootstrap and Foundation.

Layered Parallax

Design beautiful responsive prallax sections with image and html layers that can be positioned, sized and animated easily.

Parallax Section

We’re providing the markup for them, you’ll provide the creativity: styled, perfected and ready to use parallax sections.

Easy Animation Syntax

You don’t need to know code to know animations when it comes to the Animus framework: a simple, readable syntax.

Animation Types

Imagine offers both from-to range based animations and scroll progress animations for complete parallax animation control.

Beautifully Responsive

Imagine looks absolutely stunning, from phones and tablets to laptops and desktops. Design one time, look good every time.

Lifetime Updates

Once purchased, you will have free lifetime access to all the future updates and features that slidea has to offer.

Compatibility

Imagine can be used with jQuery 1.1+, including the latest release, and is perfectly compatible with all major browsers, including IE9.