Édredon — Mobile app template

The 10 effects in this site

Glass NavigationPremium
Frosted-glass navigation bar floating at the top of the page (active link follows the scroll)
Aurora MeshFree
Hero background: slowly drifting gradient halos (violet, pink, peach, lagoon)
Animated GradientFree
The word “gently” in the main headline, as an animated gradient
Glass Morphing ButtonPremium
“Download for iPhone / Android” buttons in the hero and the final section
Superellipse Progress RingPremium
Sleep-score ring in the hero phone screen and in the Summary screen
Liquid Glass TogglePremium
“Bedtime reminder” switch in the phone and the monthly / yearly pricing toggle
Iridescent Glass PanelPremium
The four cards of the Features section (iridescence following the cursor)
Stagger CardsPremium
The three “How it works” steps, fading in one after another on scroll
Glass CardFree
The four user-review cards (frosted glass, slight lift on hover)
Glass Pricing CardPremium
The two Free / Premium pricing cards (pulsing glow behind Premium)

Screenshots

Click a screenshot to see it full size.

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

Frequently asked questions

What kind of business is the Édredon template for?

It was designed for businesses such as: consumer mobile app, mobile game, connected device, start-up launching an app — any download page with screens and pricing.

Which effects does Édredon use?

10 effects from the Effect.Labs catalogue, 3 free and 7 Premium: Glass Navigation, Aurora Mesh, Animated Gradient, Glass Morphing Button, Superellipse Progress Ring, Liquid Glass Toggle, Iridescent Glass Panel, Stagger Cards, Glass Card, Glass Pricing Card. 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.