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

Kai Jolly

Experimental fan art using divs and svgs with mouse movement and scroll interactions. Great on desktop but too heavy for mobile... Thanks for looking!

Sky Box

Samus Uran

The Minimalists is a one-page portfolio website, which utilizes interactions to make pages appear.

The Minimalists

Nathan Dennis

I was playing around with Webflow's CSS Grid functionality and realised that if you make a net of a box using CSS Grid, then just folded the sides together using the transform options and then use Webflow's animation abilities to rotate the element everything's in you could make a 3D box. I was playing around with this when I was making my new portfolio website so I put one of my website designs on the box.

3D Animated Box Model Made With CSS Grid

Folding page as per:

https://tympanus.net/codrops/2020/01/14/3d-folding-technique/

foldingpageexample

Studio Morfar

Forage Box are a UK based wild food subscription service delivering hand-picked wild ingredients straight to your door as well as foraging workshops, products, gifts and more.

Forage Box

Duncan Hamra

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

Bradley Stallcup

Simple little accordions with a nice easing and icon.

Outline Accordions

Arkadiusz Palki

I'm really excited to share my first showcase! From shaping a branding, key visual, create an illustrations system, and finally to website redesign and build It on webflow, finally I can share this 🎉

SmartLunch is a polish company that provides b2b food delivery. With SmartLunch you can automate and simplify processes in your company and provide one of the best benefits for your workers - food that everyone, can order at any time!

Big Thanks to 💜 Timothy Ricks from t.ricsk (timothyricks.com/) and 💛 Nelson from PixelGeek (pixelgeek.co/) and 💙 Finsweet (finsweet.com) who are helping all webflowers to create unique websites with no- and low-code knowledge like me! 😎

More Showcases Coming Soon!

The live site is here: smartlunch.pl but in this showcase, I'm showing the version when my jobs end :)

SmartLunch

Jonas Arleth

Hover the box!
I had real fun creating this hover animation for my new Webflow product. All built with Webflow interactions.

The „Webflow  Trick-Kiste” is a growing library of specific code templates for Webflow users. I use many of them in my own client projects. They are very easy to integrate via attributes.

Learn more: https://www.webflow-lernen.de/tricks

3D Box Hover Animation with Flying Bubbles

Edriss Essoussi

I'm a cinema student , in my first site using webflow I wanted to create a box production website .. 
hope you like it ! and I'll appreciate your comments

sushiprod

Akhil

Your storage in the cloud. Got books, toys, clothes, or tons of other stuff you don’t use daily, but take up a lot of space in your home? Let us take care of those for you.

GoBoxMe

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=

JseFDRfctUKg1rAF0E6mL1YOHzQe1gVou75Mw8zcVOY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Rf1eI8pDEJSkptFB/XWlj0IN7pQXjrNngR5tBDx8ihI=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Box Website Examples & Free Designs

Discover box websites built by the Webflow community

Discover box websites built by the Webflow community