Terra External Libraries
At Terra, we don’t just rely on internal tools—we complement them with a curated set of external libraries that have consistently proven their value across projects. These aren’t just industry standards—they’re the libraries we trust to bring power, flexibility, and polish to our work.
Whether it’s animation, smooth page transitions, or performance optimization, these tools play a key role in delivering modern, responsive, and maintainable web experiences. We use them because they work, and because they integrate seamlessly with our internal systems and workflows.
Below is a list of key external libraries we regularly use at Terra. Each one includes a quick description and a link to explore further, so you can understand what problems they solve and how we apply them in real projects.
These tools aren’t just popular—they’re battle-tested, and we’ve built up best practices for how to get the most out of each.
🌀 Animation & Effects
Section titled “🌀 Animation & Effects”GSAP is our go-to animation library for handling performant, timeline-based animations. From scroll-triggered effects to complex motion sequences, GSAP offers granular control and stellar performance—essential for high-impact visual experiences.
A GSAP-powered marquee solution for smooth, infinite scrolling elements. Perfect for creating eye-catching tickers, logo sliders, or animated headlines, with full control over direction, speed, and loop behavior.
⚙️ Utilities
Section titled “⚙️ Utilities”A set of lightweight JavaScript utilities that simplify common tasks like throttling, debouncing, event delegation, and more. These helpers make it easy to write cleaner, more maintainable code across projects.
Focused specifically on performance, this package offers clean, simple implementations of debouncing and throttling functions—essential for controlling high-frequency events like scroll, resize, or keypress without bloating your code.
This validation utility makes form and input checks straightforward and flexible. It supports common validation types out of the box and is easy to plug into any frontend project—great for custom forms or lightweight validation layers.
🚀 Performance & Transitions
Section titled “🚀 Performance & Transitions”Boostify helps trigger JavaScript on demand, making it perfect for improving site performance and controlling when assets or components load. We use it to reduce JS bloat and give developers fine-grained control over initialization timing.
Swup is the library we rely on for seamless page transitions in SPAs and hybrid setups. It keeps navigation smooth without full page reloads, while still supporting scripts, forms, and scroll behavior out of the box.