Discover the best age-gate websites created by professional designers. Get inspired and start planning your perfect age-gate web design today!

Smith Schebesta

This is a partial clone of the VC Swipe site (https://www.vcswipe.com)

- Full page scroll transition with Anime.js
- Control most of the interaction with Anime.js
- Control Lottie with Lottie.js
- Use mix-blend-mode

Incoming : 
- Seamless page transition with Barba.js
- More Slides & Pages
- Detail animation
- Slide progression element
I create it to practice and showcase my skill to getting hired on Upwork
=> https://www.upwork.com/freelancers/~01993b9a585a347664

partial-clone-of-vcswipe | custom fullpage scroll | anime.js

Diarmuid Sexton

This demo shows how to use the Fancybox 3 plugin. It's slightly different to the lightbox - and I've set it up to show captions for CMS galleries which the Webflow lightbox doesn't do yet.

https://fancyapps.com/fancybox/3/

DEMO - Fancybox Gallery (Lightbox)

A simple countdown timer than can easily be customised. 

The timer can be set to countdown to a time in a specific timezone. i.e. 15:00 British Summer Time - and the countdown will take into account the users current time (timezone) to give the correct countdown time.

Example timezone set to “Europe/London” using moment.js. You will need to adjust this to the timezone that you want to use.

DEMO - Countdown Clock Timer Widget

This form is run using usebasin.com as the processor. It includes the native Webflow success and error messages, waiting text and redirects.

See more on Webflow forum here - https://forum.webflow.com/t/form-submissions-to-third-party-service-with-native-interactions/63401/27

DEMO - Third Party Form with Native Features

Waldo Broodryk

Simple example of how to create a social gate to content.

Social Gating 2

UPDATE - AUGUST 2021.

An age gate for websites that have age restrictions - i.e. alcohol brands. The site uses a session cookie to ensure that only users who have entered a suitable date of birth are able to access the main site content.

DEMO - Age Gate with Session Cookie

Beardman Technology Group

Free Roam Brewing needed a website that showcased their style, and creativity, and really set them apart as a brand. We partnered with a great graphic designer who created amazing artwork, and we created them a website they can grow with. CMS connected food menus and events page coming soon. 

Some unique features of this website include the notification bar being CMS connected to allow the customer to remove it within the editor, or even add multiple if needed, and the team members page is CMS connected as well. Also the age gate runs a small cookie script that prevents it from showing up more then once per day.

Free Roam Brewing

A custom solution age-gate for cannabis website in Canada.

This is a simple and unpolish project, you can clone and complete it or hire me on Upwork.

List of features:
- Remember me option. Using web cookie.
- Form validate, Using MomentJS to validate date and calculate user age.
- Custom selector behaviour using JQuery.
- No negative impact on SEO


My Upwork link: https://www.upwork.com/freelancers/~01993b9a585a347664?s=1110580755057594368

Age gate with cookie and form validation

This is a partial clone of the MVP assembly line site (https://fulcrum.rocks/mvp-development)

I create it to practice and showcase my skill to getting hired on Upwork (https://www.upwork.com/freelancers/~01993b9a585a347664?s=1110580755057594368)

On-scroll | move away from mouse animation | CMS accordion

Corey Moen

How to use some Javascript and a modal overlay to gate content based on the birthday and calculated age of a user visiting the page or site.

This is a modified approach from Finsweet’s age gate redirect hack: https://www.finsweet.com/hacks/21/

age-gate-overlay

Memberstack

In this project and tutorial, I wanna show you how you can use  Memberstack data attributes to gate access to an element. In this example, we'll gate access to a video.

Members-Only Video

This project is a clone of free Figma design. The purpose of this project is solely to help me familiarize myself with Workflow.

https://www.figma.com/community/file/905814382591046401

analytic-clone

Tomaque Digital Services

CBD Website Design made in webflow, with special focus on interactions, information flow, products demo with loads of content to rank on google.

Soft age gate to make website look good and accesible.

We make customer website design and apps for CBD niche and will get you free traffic with SEO and Social media

write to us on info@tomaque.com

CBD Website Design

Etienne Mérineau

Customer engagement for the messaging age

Heyday.ai

Martin Joyce

instyle-gates-automation

Lauren Gil

A history of music consumption in the Internet age.

Discover age gate websites built by the Webflow community

Discover age gate websites built by the Webflow community