Terra External Libraries
At Terra, we complement our internal tools with a carefully selected set of external libraries that have proven their value across projects.
These libraries help us build modern, performant, and maintainable web experiences—covering areas like animations, page transitions, and performance optimization. We use them because they’re reliable, flexible, and integrate seamlessly with our workflows.
Below is a list of the external libraries we regularly use at Terra, along with a brief description and links to learn more. Each one is battle-tested, and we’ve developed best practices around using them effectively in real projects.
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.
Knowledge Check
Test your understanding of this section
Loading questions...