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

Kevin Haag

How I built the animated reveal effect for the panels on the http://theexpedition.co homepage using native IX2 interactions.

Animated Scrolling Panel Reveal

Tom Qwen

A recreation of the WealthSimple Culture site following a request in the Facebook community. 

This is just first page, although the rest of the site follows a similar format. You'll notice some of the fonts and weights vary from the original. This is for educational purposes so people can understand how certain elements can be created. 

Original: 
https://www.wealthsimple.com/en-ca/culture/why/

You can check out the explainer video below for how some of the less common elements have been created. 

https://youtu.be/AB0sjVtkOp0

WealthSimple Culture Clone

Vincent Bidaux

A simple one-pager with a grid of teasers and full nodes as hidden panels. Both the page and the panels are scrollable vertically. There is still an issue with double elevators that I wish I could resolve.

There are two things to consider when reviewing this work:

1/ The teaser + panel is one element with one reusable interaction. It means you can duplicate it and it will continue to work without interferences. That was not easy to do. That's why the clising button is outside of the element and works for every element.

2/ Check the Dashboard page: as the full node panels are hidden, it can be tedious to edit. So the content of the panels sits in a div that is transformed to a Symbol. This page hosts all the symbols so the edition of the pages is way easier. There are many occasions where you can use Symbols for difficult to access content, so you can create a dashboard page for it.

Clone it, make it better! Check in the comments about how to licence the images for yourself.

People Wish - A layout with Webflow

WebDev For You

Webflow outputs code that's nice and clean, now let's build daily interaction #19!

In today's daily interaction we build a fullscreen menu with a panel reveal effect.

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev For You - Daily Interaction #19

Just a clean and minimal little login overlay panel interaction.

✅ Native Interactions
❌ Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

MM—020: Login Panel

Alan Borger

A news & media dashboard for news junkies and media freaks.
This is an interactive experiment created for my own personal amusement. 
If you have fun with it, feel free to drop me a line..!

Daily

Hürkan Gökkaya

Online✨We developed 100% mobile-friendly, creative website for R-Start GYM http://rstartgym.com 💪

📢R-Start GYM increases their brand awareness with our services including branding, digital marketing and the interconnected social media accounts.

You can feel the privilege of sports with personalized training program and dietitian support. 🏋️Their slogan is “Join us to change your body” 🗨️

#BrainOG #SocialMedia #Coding #Design #Websites #Panels #Portals#Apps #DigitalMarketing #MobileFriendly #Online #Photography #SportCenter #Fitness #PersonalCoaching #PersonalTrainer #Spor #Kickboxing #Healthy #Motivation

Where is #RStartGYM ? 📌
Turan Güneş Bulvarı 590. Sokak No: 65/7 Çankaya Ankara 06500 https://goo.gl/maps/CKsc9F35kcP2 https://tr.foursquare.com/v/rstart…/5813918c38fa4bb15d914ea4 +90 312 806 2235

Visit website 💻 http://rstargym.com and follow social media accounts for more information, latest promotions.

Personal Trainer - Personal Coaching

Naeime

Perkis Designer Team is a manufacturer of various models of advertising boards in the field of manufacturing and production of highlighting panels, lightbox, Super Slim boards, plastic neon panels, panel chalynium, composite panel, chapel view, panel banners, Replacement covers, billboards, brass letters, letters, metal letters, plastic letters, letters, digital signage, LED panel, plexiglass, Flexible faceplate and laser cutting with a brilliant record.
http://perkasco.com/

panel-maker-31afb0

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Panels Website Examples & Free Designs

Discover panels websites built by the Webflow community

Discover panels websites built by the Webflow community