Login
X
Login
Easily create scroll-triggered pinning in Elementor with the power of GSAP using Pin Elements. It’s fast, clean, and code-free.
Pin
Elements
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna.
Key Features of Pin Elements
No Code Needed
Easily apply scroll-triggered pinning using a simple visual interface inside Elementor. No coding skills required. Just click, configure, and see your elements stay in place as you scroll.
Powered by GSAP
Built on the trusted GSAP ScrollTrigger library, Pin Element delivers high-performance, buttery-smooth pinning. Enjoy professional-grade animation control right inside Elementor—without touching a single line of JavaScript.
Responsive & Lightweight
Designed to perform flawlessly across desktop, tablet, and mobile. Pin Element keeps animations smooth and fast, ensuring scroll effects work beautifully without slowing down your site on any device.
Customizable Triggers
Take full control of when and where pinning happens. Set custom start and end points for each element to create smooth, scroll-based interactions tailored to your design flow.
Works with Any Elementor Section
Pin Element integrates smoothly with any section or widget in Elementor. Whether it’s text, images, or custom designs, you can pin anything and build interactive layouts your way.
Â
Pinned Image with Scrolling Content
Get the
most valuable service
Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
01
Planning
02
Human Resource
03
Organisations
04
Research & Analysis
05
Risk Management
06
Mergers and Acquisitions
07
Crisis Management
Pinned Services
01 — Consultancy
Business Consultancy
- Integrity & Support
- Data Entry
02 — planning
Financial Planning
- Investment planning
- Education planning
03 — Tax & Vat
Vat & Tax Consultancy
- Tax & Vat Support
- Documentation
Pinned Video with Scrolling Narrative
Works
Visual Project Highlights
Date: March 12, 2018
Timeline & Context
Date: July 25, 2019
Smooth Narrative Flow
Date: November 8, 2020
Professional Portfolio Layout
Date: February 14, 2022
Pinned Image with Scrolling Content
Use cases for pinned image
/01
Product Spotlight
Keep your product front and center while details scroll beside it. This layout works well for landing pages and feature breakdowns.
/02
Tutorial Support
Ideal for tutorials or SaaS onboarding where a fixed visual helps users understand the content as they scroll through each step.
/03
Brand Visibility
Perfect for storytelling or brand-focused pages where a static logo, graphic, or mockup reinforces identity as the message evolves.
/04
Service Preview
Useful for agency or service-based websites where a pinned graphic gives context while service descriptions scroll into view.
/05
Product Support
Useful for agency or service-based websites where a pinned graphic gives context while service descriptions scroll into view.
/06
Tutorial Support
Useful for agency or service-based websites where a pinned graphic gives context while service descriptions scroll into view.
Pinned Title with Scrolling Content
Fixed headings on the left
Scrollable content on the right for better storytelling
Title stays visible per section
Section-Based Messaging
Keep section titles pinned while the related content scrolls beside them. Ideal for outlining services, workflows, or feature categories one-by-one without losing the context.
Break down info with clarity
Structured Content Delivery
Break complex topics into smaller, scrollable parts while anchoring the main title. This layout helps guide users through detailed sections without overwhelming them.
Highlight features scrolling
Feature-by-Feature Breakdown
Use pinned headings to introduce each feature clearly while scrolling reveals the explanation. Perfect for product tours or SaaS feature lists.
Title stays visible per section
Section-Based Messaging
Keep section titles pinned while the related content scrolls beside them. Ideal for outlining services, workflows, or feature categories one-by-one without losing the context.
Guide users through pinned titles
Scroll-Led Presentations
Create presentations where each content block is introduced with a steady, always-visible heading. This structure improves content flow and reader retention.
Highlight features scrolling
Feature-by-Feature Breakdown
Use pinned headings to introduce each feature clearly while scrolling reveals the explanation. Perfect for product tours or SaaS feature lists.
Break down info with clarity
Structured Content Delivery
Break complex topics into smaller, scrollable parts while anchoring the main title. This layout helps guide users through detailed sections without overwhelming them.
Title stays visible per section
Section-Based Messaging
Keep section titles pinned while the related content scrolls beside them. Ideal for outlining services, workflows, or feature categories one-by-one without losing the context.
Pinned Center with Dual-Side Scroll
Keep your focus centered as content moves
01
Balanced Content Layout
Keep your visual or message centered while additional content scrolls on both sides, creating a clean, structured, and modern presentation style.
03
Ideal for Presentations
Highlight features, benefits, or process steps in sync while keeping your focal point always visible at the center for easy navigation.
05
Interactive Design Flow
Use scroll-triggered animation on both sides while holding your key element steady to create an engaging and motion-rich layout.
02
Immersive Visual Focus
Anchor a product, title, or graphic in the center to draw attention while text flows on either side for a dynamic storytelling experience.
04
Split-View Storytelling
Guide users through a narrative that moves left and right around a pinned center, helping them absorb information without losing visual focus.
06
Enhanced Content Focus
Keep your key message or visual anchored center stage while detailed supporting content scrolls smoothly on both sides for maximum engagement.
Pinned Title with Scrolling Content
Key features of Image Widget
Seamless Image Integration
Multiple Image Animation
Image Hover Effects
Image Reveal Animations
Scale Image Animations
Scale your images with smooth animations, creating a polished and dynamic effect. This functionality allows for a smooth transition, making your site feel more interactive.
Pin Elements – Team Showcase
Team Showcase with Pin Elements
Alex jonbar
Art Director
Jenny wilson
Eleanor pena
Darlene robertson
Have question? we’re here to help
Documentation & Inspiration
Become a part of our community
Didn’t find Your Answer?
What does the Pin Elements Extension do?
It keeps a section, widget, or element fixed in place for a set amount of scrolling, then lets it move away as you keep scrolling. This helps create focus and adds visual interest while scrolling.
Can I pin multiple elements on the same page?
Yes! You can pin several elements separately, each with its own scroll distance and settings. Every pinned element can start and stop at different points.
Is this the same as sticky or fixed position?
No. Pinning only happens during part of the scroll and is temporary. Unlike a sticky header that stays fixed all the time, pinned elements lock in place only for a certain scroll section, then go back to normal.
Can I see the effect inside Elementor?
Yes. You can turn on preview inside the editor or check it on the live page. The settings let you control everything in real time without needing to code.
Your site with
Animation?
Convinced? Experience the power of Animation Addons and enhance your projects with ease. Try it today and elevate your creative workflow.
Sign up for our newsletter 
We partner with investment leaders, providing brand and product-building services to strengthen their portfolio.