Name: Learn GSAP – Template
Brand: Webflow
Price: Free USD

Customize this template

Schedule a time with a Webflow expert to customize this template. Learn more

Supercharge your Webflow builds with ready-to-clone GSAP magic. Explore Flip, ScrollTrigger, Split Text, Marquee, sliders & more, plus best-practice motion tips to craft faster, smoother, more engaging sites.

Bring your site to life with GSAP, now fully integrated with Webflow.

This template distils our favourite motion techniques into reusable components, so you can drop in production-ready animations without writing a line of JavaScript. Inside you’ll find:

Flip cards, inertia-driven sliders and ScrollTrigger sections that pin, scrub and reveal on scroll
Split-text, scramble and marquee effects for headlines that demand attention
Timeline controls, hover states and responsive layout demos showing best practice for performant motion
Clear comments, semantic naming and a tidy class structure, making every interaction easy to dissect and remix
A ‘copy-and-go’ approach – duplicate what you need, tweak the easing, timing or breakpoint behaviour and ship.

Whether you’re seasoning a landing page or building a rich, storytelling experience, these patterns will get you there faster and smoother. Clone it, learn from it, and make something mean more.

Built in Webflow. Powered by GSAP. Crafted by OFF+BRAND.

Single Use License

Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.

Free License

This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.

View license information

→

OFF+BRAND. supports this template

Designed by OFF+BRAND.

Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.

For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.

Loving this template?

Share your feedback by leaving a comment below.

For template support, please check the Support tab.

Is there a template demo available?

Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.

Can templates be used in existing projects?

It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.

Can templates be exported?

With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.

How to purchase a template from a legacy team account?

Webflow templates are only available for purchase through Workspaces and legacy individual accounts.

How to remove the CMS functionality from a template?

CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.

Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.

How to remove the Ecommerce functionality from a template?

Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.

How to remove the Memberships functionality from a template?

Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.