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

Simple Snap Scroll interaction's with FullPage.js

Inspiration: https://bit.ly/3PgejOR
FullPage.js: https://alvarotrigo.com/fullPage/

Made with Client-first by Finsweet

Simple Snap Scroll with FullPage.js

This is a MacBook with a scrollable image to showcase whatever you want :)

MacBook scroll effect

MacBook with scroll

There are so many fantastic projects in the Webflow showcase, and (if they're cloneable) you can copy & paste elements into your own projects. 

That's insanely awesome!! 

The only thing that's been missing from the showcase is the ability to discover projects with a quick search. This is the first step in that direction. More to come! 

Please like, follow, and subscribe for updates. P.S. I'm open to feedback and feature requests.

Search the Webflow Showcase - Find cloneable Webflow templates, UI kits, and more!

showcasesearch

A WebGL prototype showcasing some amazing artwork by StudioJQ. Just press and drag to explore.

The code is based on an awesome project by creative developer Daniel Velasquez and it is modified to more easily integrate with Webflow.

Original Repo: https://github.com/Anemolo/StickyImageEffect

* You can update the Text, Links, and Images in footer (via page settings).
* Easily modify the effects speed, frequency, etc. in footer (via page settings). 
* I have not done thorough testing so please comment with any feedback and/or issues. 
* All images are subject to Copyright © 2019 ∆ Studio–JQ ∆ (https://dribbble.com/STUDIOJQ)

Update 10/16/19: 1) Clicking links now works on mobile and will no longer activate the sticky effect across all devices.

Sticky Image Showcase

A native custom interaction images showcase.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

Custom Showcase Slider

The portfolio of Bryn Taylor — a freelance senior product designer. Based in Copenhagen. Currently available for freelance work — let's chat 🗣

Bryn’s Portfolio Cloneable

[Cloneable] Product Design Portfolio

iPhone Mockup Scroll Animation in Webflow

iPhone Mockup Screen Scroll Animation for your Portfolio

This is a website for my freelance business. Hope you guys like it 😊
I'm also open to new projects/collabs. 🤝

Fujee Design

Fujee Design: Web Design + Build

Hey! 👋

Grab this free cloneable template.

Clean & clear template, covering standard and core content sections.

Prefer a dark theme? Well check our showcase, it's also available for a clone.

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Please Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Free Cloneable Startup Template (LIGHT)

Free Cloneable Startup Template (Light)

Jerom is a furniture designer. I shot photos and films for his site, along making the design with Webflow.

Je-Rôm

www.je-rom.fr — Furniture design

After the great feedback we received from you guys, we are back with a new cloneable project, this time in the form of a slider. 🎉

TravelSea - Slider

TravelSea - Slider Interaction

Ficturo・Digital Design & Webflow Studio 👉 www.ficturo.com

Ficturo [2021 edition]

Ficturo [2021 edition]・Digital Design & Webflow Studio

Javascript Music Player with Three.js

My Social Media:
https://www.linkedin.com/in/fojcikdominik
https://www.instagram.com/_fojciko

Portfolio: https://fojcikdominik.com


Three.js: https://threejs.org

Resources i used for this project:
https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player
https://github.com/santosharron/audio-visualizer-three-js

THREE.JS MUSIC PLAYER

MUSIC PLAYER with THREE.JS

Hi, I am Tom, 
I am very excited to share my newly redesigned portfolio. It was quite a ride to work on it for a couple of months now, but starting to feel very happy with the result, mostly check the cool 3D Funko Model of small me (big collector). 

Check it out and let me know what you think!

Tomáš Mrázek Portfolio

Magnetic buttons are sorta like regular buttons, if regular buttons were zapped to life with witchcraft by html super-wizards from the future 🧲🧙‍♂️🧲🧙‍♂️

In all seriousness, this type of button is a dead-simple, easy way to add effective hover micro-interactions to any website. I hope you enjoy exploring how these buttons were made. Hopefully it helps spread understanding of the power of reusable interactions; one mouse movement interaction powers 90% of the button movement in this project.

Clone away, and let me know what you think in the comments!

*Inspired by this post from CoDrops:
https://tympanus.net/codrops/2020/08/05/magnetic-buttons/

**Like this project?
http://buymeacoffee.com/joshwork

Magnetic Buttons

🧲🧙‍♂️ MAGNETIC buttons, from the future! 🧲🧙‍♂️

(Note: this project is the first step of my Webflow Starter Project, a starter template aiming at facilitating some of the recurring design tasks)

You have done Webflow projects for others, or projects that are hosted outside of Webflow, and for various legal and CEO reasons, you can't showcase it as-is in your Webflow profile page?

Then use this starter template to showcase your work. It currently has two sections, one showing your homepage on devices, and one showcasing your homepage in full height for the desktop and mobile breakpoints.

Features:

- all graphics in SVG
- browser windows made in Webflow with blocks and icons, customizables
- standard + material design color palette, very handy, check it out!
- responsive, of course
- devices graphics made of a SVGbackground and container for screenshots, absolute positionning so you can rework the layout for every breakpoints
- smartwatch ready because why not?
- orange Webflow project favicon and springboard icon

Webflow Project Showcase

Refokus

2021! Our first year! And... What a year! 🚀

We are so happy that we've made a cool website to show off!

We've created Refokus in January 2021, and this was our first year! For us was a year of growth, building an amazing team, building our culture, setting up our processes, defining our brand, and so much more.

We want to thank everyone who trusted and supported us in this first year!

2022 already started amazingly, with a lot of new clients, great new projects, new people joining us, and a lot of amazing stuff coming!

Year #2 is getting 🔥 🔥 🔥 ... and we are also hiring! just saying...

Refokus Year in Review 2021

We turned the OMR22 Refokus x Webflow presentation about Showcase Websites into a showcase website! 🤯

Experience the potential of showcase-websites for Brand Positioning, New Market Reach, Product Launch, Recruiting & Event Promotion first hand. 👀


Discover showcase websites built by the Webflow community

Discover showcase websites built by the Webflow community