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

To celebrate the release of Relume Library, we've created a version of the home page for the community to clone and draw inspiration from. Enjoy!

Get access to Relume Library
-> https://library.relume.io

Relume Library Cloneable

COLIBRI MEDIA

Tutorial to use https://github.com/sarathsaleem/grained

Grain effect hero section

Grain effect

The aurora effect and all other animations are built with Webflow only. Feel free to use it and don't forget to give it a like :)

Aurora Effect

webflow-aurora-effect

ThreeSixtyEight

We hijacked our Monday all-hands meeting to reveal the location of our 2021 company retreat. Every team member had to complete an interactive Webflow puzzle to unlock the location - and now we want to share that experience with you.

Complete the experience by Friday, 9/24 for a chance to join a Q&A with the design team who created it. Winners will be notified the week of October 6.

ThreeSixtyEight Retreat

Light The Fire Within Us

Memberstack

Happy Wednesday! 👋

I took some time to revise one of Pixer.io's open-source projects and added Memberstack to it. 🥳

This free webflow template is a modern landing page for a subscription business. The project includes beautiful photos, scroll interactions, several sections including a hero, getting started, mega navigation, interview section, testimonial, background videos, call to action, footer element, + a functionaly signup, login, and welcome page. 

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Local Membership Template

Simple landing page for a small, Swiss company specializing in physiotherapy with dogs. The goal of the project was to create a counter design to classic vet websites. 

Hornung Hunde Physiotherapie

Friederike Hornung - Physiotherapie für Hunde

In today's live stream we went over how the grain effect was added to the Webflow No Code Conference 2021 website, and we added this effect to a new project. We used the grain png that was on the Webflow No Code Conference website. You can also create your own custom grains using a grain generator.

Watch the live stream here: https://www.youtube.com/watch?v=MKkl-chxqyI

WebDev For You - Live Stream - 11/14/2021

WebDev For You - Grain Effect - Live Stream

This website allows users to learn about and participate in the public art and poetry project, Kensington Healing Verse. Visitors can learn about the artwork, the process, and submit their own poems.

Throughout 2021, Philadelphia Poet Laureate Trapeta B. Mayson held poetry workshops with Kensington residents. These workshops used poetry as a tool for sharing, listening, and reflection about community, daily life, and new pathways to healing for the Kensington Community.

The participants’ poems capture memories, challenges, and aspirations of life in Kensington that were combined into group poem. This collective poem was transformed into a neon sign and lifted to the rooftop of 2400 Kensington Avenue to serve as a beacon of strength, hope, and healing for the residents of Kensington.

This site was featured on Typewolf as the Site of the Day on Dec. 27, 2021
https://www.typewolf.com/site-of-the-day/kensington-healing-verse

Kensington Healing Verse

Kensington Healing Verse | Public Art & Poetry Project

Easily add an animated (or static) grain texture background to your project with grained.js. Watch the full tutorial here: https://www.youtube.com/watch?v=8WpBfyhO9ZY

Animated Gradient

animated-gradient-webbae

Portfolio

Nicolas Fol |  Personal Portfolio Website

Happy Wednesday! 

This free webflow template is a signup and login UI with a textured background, rounded buttons, show/hide password, and styled form inputs. 

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Subscription Signup Page

Subscription Login

Lions Creative

Tennessee Homemade Wines is a winery based out of Gatlinburg Tennessee. We tried to make a website that accurately matched their southern style. Feel free to explore the site and all of the flavor pages. This site is a good example of integrating a third party E-Commerce platform with Webflow and using some technical know-how to make it look like native e-commerce.

Tennessee Homemade Wines

I desperately needed to update my personal portfolio. I took my time, designed some mockups in Figma, and then did a bunch of iterations in Webflow. 

I used a Lottie animation I made in After Effects for the homepage, along with Vimeo background videos that have some custom player.js controls going on. I also used the grain.js effect, which was really easy to implement. 

The biggest challenge was just coming up with something that is clean, simple, and gets straight to the point. Seems easy, but I probably spent a month testing different ideas out. 

Anyways, thanks for checking it out, and thanks Webflow for making such a rad platform. Cheers!

wescoughlin.com

Adventure Filmmaker Portfolio

Site developed for a business coach specializing in the beauty business to promote her new online course and mentoring services. Enjoy :)

Discover grain websites built by the Webflow community

Discover grain websites built by the Webflow community