Hero Scroll
phones1
phones2
phones3
phones4
phones2
Hero Label
pixel56
Interaktionen
Awesome Scrolling & Mouse Animations
Animation
Trendy Scrolling & Mouse Animations to Spice Up Your Website Content
TheGem comes with a set of controls for adding interactive effects to your design. No need to use custom code or third-party libraries. Just enable this effects in page builder in elements settings and enjoy the ride!
icon 01
Attractive

Amazing effects for adding more interactions on your webpages, bringing life and dynamics in your static content

icon 02
Performant

Light-weighted code realisation with no additional third-party libraries to maintain fast page loading and scrolling performance

icon 03
Involving

Interactive effects are perfect to attract your website visitors attention and and involve them in your content

icon 04
Converting

Use TheGem interactions to keep your visitors on your website, reduce bounce rate and increase the conversions

VertScroll Interaction
TheGem Interactions
Vertical Scroll
With this effect you can make your content move vertically at a different speed while scrolling the page. You can set different directions, specify speed and adjust viewport settings. This effect starts as the website visitor starts scrolling at the defined viewport range and ends as the visitor exits the viewport.
vs 3
vs 2
vs 1
Active Users
0
K
counter dots

Join Our Community!

Subscribers
0
M
counter dots

Follow Our News!

Years Experience
0
+
counter dots

Best Experts on Market!

Locations
0
counter dots

Around The World!

HorScroll Interaction
TheGem Interactions
Horizontal Scroll
This interaction animates your content in the horizontal directions while scrolling the page. Like in the vertical scroll you can specify different moving directions and speed. All TheGem interactions can be separately defined for desktops, tablets and mobiles.
hs 1
hs 2
hs 3
hs 4
hs 5
DiagScroll Interaction
TheGem Interactions
Diagonal Scroll
By combining both vertical and horizontal scrolls you can create diagonal motions. You can set different directions, specify speed and adjust viewport settings. All TheGem interactions can be separately defined for desktops, tablets and mobiles.
ds 1
ds 2
ds 4
ds 3
Clients
Trust Us
Our Customers
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
MouseTrack Interaction
ss 2
ss 1
ss 3
ss 4
Move Your Mouse
Mouse Track
This effect makes a content element to move in relation to the user’s mouse movement. Depending on the movement of mouse cursor your content reacts and moves up, down, left right, creating a sense of depth. You can set different movement directions and different motion speed.
Design
Settings
Responsive
Scroll interactions can be separately enabled/disabled for different devices: desktop, tablet and mobile.
r 1
devices
r 2
opt 1
opt code
Code
Performance
Optimized
No redundant code. Lightweight. Loads only if enabled. Lorem ipsum dolor sit amet, consectetur adipisicing.
Interactions
Move Everything
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
New
$0.00
/Per Month
Regular
Free installation
Unlimited Email Addresses
All Operating Supported
24/7 Support
Most Popular Plan
$5.99
/Per Month
Standard
Free installation
Unlimited Email Addresses
All Operating Supported
24/7 Support
$29.99
/Per Month
Premium
Free installation
Unlimited Email Addresses
All Operating Supported
24/7 Support
f label
TheGem
Interactions
Enjoy the diversity of the most beautiful multi-purpose WordPress theme TheGem. Ready-to-use pre-made websites. Import in one click & highly customizable. All 400+ demos & pages can be easily mixed. Everything included in one price.