Lointain — Travel agency template

The 10 effects in this site

Character CascadeFree
The word “drawn” in the hero headline, in orange handwriting, written letter by letter on load
Image MarqueePremium
Cobalt band below the hero: six askew photo prints with handwritten captions, scrolling slowly (paused on hover)
Hover Reveal BentoPremium
The six destinations: asymmetric photo grid, back face in the destination's colour with season and price, on hover or keyboard focus
Horizontal ScrollPremium
Featured trips: a row of four large cards to swipe through, with snap points
Hover ZoomFree
Photo of each trip card, zooming gently when the card is hovered
Path Drawing on ScrollPremium
Oman itinerary route sketch (cobalt block, sticky map): the white line draws itself from the first to the last day as you read the list, each stop appearing when its day scrolls into view
Scale & RotateFree
The band's photo prints and the three traveller postcards, straightening and lifting under the cursor
Stat CardsPremium
The agency's four figures (trips designed, regions, return rate, lead time), counting up when they enter the viewport
Underline AnimationPremium
Text fields of the quote form: cobalt line expanding from the centre on focus
Textarea Auto-growPremium
“Your journey, in a few lines” field: grows as you type, with a character counter

Screenshots

Click a screenshot to see it full size.

Photos: Unsplash (Unsplash License). Names, addresses and figures are fictional.

Frequently asked questions

What kind of business is the Lointain template for?

It was designed for businesses such as: tailor-made travel agency, tour guide, hiking or trip organiser, travel blog, tourist office.

Which effects does Lointain use?

10 effects from the Effect.Labs catalogue, 3 free and 7 Premium: Character Cascade, Image Marquee, Hover Reveal Bento, Horizontal Scroll, Hover Zoom, Path Drawing on Scroll, Scale & Rotate, Stat Cards, Underline Animation, Textarea Auto-grow. Each one has its own page with a demo and its code.

What do I get, and how much does it cost?

The whole site is shown in the video and screenshots; it is not sold. What you take away are its effects: the “The 10 effects of this template” button adds the Premium ones to your cart, picking the cheapest pack for you, and saves the free ones to your favorites. One-time payment, no subscription; a free account includes 1 Premium effect on us.

How do I use these effects on my website?

Each effect is plain HTML, CSS and JavaScript with no framework or dependency: paste it into any site that accepts custom code (plain HTML, WordPress, Webflow, React, Vue…). You keep your own text, colours and photos.

Does the site work on mobile?

Yes: it is checked on desktop and mobile, in English and French, and its animations are toned down for visitors who asked for reduced motion.