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

Hi there! 

Recently I've been helping my GF put together a new visual for her local startup community called Before You Shine. And here we are! 

📝 What is it? 
Before You Shine is the first Czech startup community created by entrepreneurs for startup enthusiasts. It is a community of ambitious people looking to connect with the startup world.

🔥 Youtube Course
In this series, I'm walking you through creating a website beforeyoushine.com. In this course, we will be creating a homepage with multiple collections, blog and blog detail and contact us page. 🤖👉 Course Overview: https://janlosert.com/webflow-1

[Update 22th Mar 2020] - I've added 4 more videos on my Youtube - Full course about how to create a simple BeforeYouShine job board with Webflow and one separate video about dynamic sharing buttons! 🙌🏻


BTW: The whole site is clonable! :) So feel free to browse the code of the project and copy and paste the parts that can be useful for your projects. 

- Jan ☝🏻

CzechCrunch Shine

Beforeyoushine.com

Congratulations to Joshua Jacobs for winning the first annual CloneComp challenge. 

Joshua - https://webflow.com/joshwork

Explore the site to learn more about the competition. 

Hosted by: Sarasota Webflow Meetup
Produced by: nocode.video
Site built by: Finsweet

Event sponsored by:

Webflow
Makerpad
Memberstack
nocode.video
Flowbase
Finsweet
Jetboost
CodeCrumbs
Flowmingo

Media partners:

VisualDev.FM 
Nocode.Report

Clone Comp 2020

CloneComp

I built a modified YouTube clone and use it to sort and organize top no-code videos from around the web. I update it regularly with new videos and am working on automations to optimize my process.

Memberstack is fully integrated but signups are closed as we are working on some secret stuff to enhance back end functionality. Stay tuned for updates on how you can get involved. 

Clone it, watch it all, delete it all, share it all with a friend, or find a cool way to make it your own. All I ask is that you pay it forward as you learn more about the platform and tools around it.  

Enjoy!

Last update = 01/20/2021

Nocode.Video

NoCode.Video (YouTube Clone)

Using Webflow interactions to make a multi step survey out of the form widget.

multi-step-survey

Multi Step Survey

Demo: Official Webflow Mega Menu Navbar | Layout & Interactions

In this demo, you will find a clonable mockup of the navbar that Webflow uses for demonstrating the functions of the tool. 

My demonstration identifies:

‣ Good Layout principles using Flexbox & Divs.
‣ Controlled class naming for longterm flexibility.
‣ Uses of hover states & hover interactions.

Case Material: https://webflow.com/designer

Webflow Navbar | Mega Menu

Demo: Webflow Navbar

Webflow

It’s been a year like no other – and like everyone, we’re glad it’s almost over. Join us for a look back at everything we’re grateful for in 2020.

Year in Review

Webflow in 2020

We’re bursting with joy over all the incredible customer achievements, product advancements, and community love from the past year.

Year in Review 2022

Webflow in 2022

WHERE WEB DESIGN MEETS ESPORTS
We bring together the best web designers from across the globe to compete head-to-head in a live Figma Arena. We call it the Relume Rumble, and this is the Relume Design League.

Think you have what it takes to be the first RDL Champ?
→ Apply now: https://www.relumedesignleague.com/

Relume Design League

Radiance Crew

We're building the future of tourism infrastructure,where people have everything they need to be inspired and meet like-minded people.

Units 2.0

Units™ - Investments in future of living

Jamabuck Studio

Page for a Slack community of tech for good agencies, consultancies and freelancers.

Agencies for Good

We're building a community powered media company focused on connecting the Webflow community. 

Global Open House: 
Join us for the largest virtual Webflow community organized meetup of the year. 

Community news: 
Updates from the global Webflow community. Updated daily. 

Featured Events: 
Curated by Colleen Brady

The retreat: 
State of Flow is a one-of-a-kind digital creators retreat hosted by the Webflow community. Join us to learn about visual software development and the future of online work.

Organized by the community:

Raymmar Tirado, Colleen Brady, Melissa Mendez, Johnnie Gomez, Jesse Nieman, Marce Russo

Sponsored by: 

Webflow
Ammo Studio
Edgar Allan
Relume Library
Fri3nds
Flow Ninja
Finsweet
Flow Party


State of Flow

Firebrand is a mission-driven bakery based in Oakland, CA creating quality jobs through the craft of artisan baking. 

Come try The Bay’s best damn pastries and wood-fired breads.

Design, Copy, Photography, & Video by Majorminor.

Firebrand 2021

Firebrand Artisan Breads - Oakland's Only Wood-Fired Bakery

Ours is for Seattle, but if you think your city could use a similar platform please clone my template and use it to help your city.

In The Neighborhood

In The Neighborhood — A localized resource platform for the COVID-19 crises

We collaborated with Lake Las Vegas to design and develop an interactive website for their new private sports club. The design is classy and elegant much like the community and club it represents. The site enables the sports club to show all their weekly classes and events. It also allows admins to update classes on the fly in case of changes or cancellations. The site also has an informational aspect providing bios/info for all instructors and the classes they teach.

LLV Sports Club

A gathering place for the community bringing together the best in coffee, retail, community events, and creative classes in a location set in the heart of Calgary, Alberta.

We created a custom digital experience for Socality's new brick and mortar space. We took after elements from the physical space to design something minimal and punchy with some simple interactions.

Socality House

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

UXVN

UX Vietnam Community

Flow Party

We’ve gone and done it! 
We’ve created a website dedicated to the one and only Devin. Will he forgive us for revealing his secrets to the world? Or will he be ready to take down anyone who dares to uncover his true identity?

Take a look inside!

Discover community websites built by the Webflow community

Discover community websites built by the Webflow community