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

Dhruv Sachdev

Here are 20 Plug & Play CSS-only link hover effects for your next project! 

Subtle line animations can be a simple way to enhance your site experience through delightful micro-interactions.

Inspired and adapted for Webflow from: https://github.com/codrops/LineHoverStyles

*includes 21 effects, but 20 sounds cleaner.

20 Line Hover Animations

Ty Hughey

NSIDE is a multi-purpose webflow template that can be transitioned into any kind of agency or studio website. This template puts emphasis on your imagery with a simple three-column structure.

The template includes 6 static pages, 5 CMS pages, and all 3 utility pages. It's tablet/mobile ready and has a cool mega menu and flyout menu that look great on tablet/mobile, too! 

I'm practicing to eventually become a webflow template designer. Let me know what you think of this one!

I hope you like it! :)

---------

NEW FREE TEMPLATE: The new EMPATHY cloneable CMS template is published and available for everyone to clone. 🎉 Clone and find it on my profile.

I'm publishing free cloneable templates every two weeks. 🚀

NSIDE Cloneable CMS Template

Jomor Design

Jomor Design is a magical land where wondrous branding and web design happens. So let’s never stop amusing ourselves.

JT Helms

Heco is the Chicago-based studio of JT Helms and Matt Cowen. We make better user experiences and more interesting brands, and try to find inner peace.

Heco

EMPATHY is a free multi-purpose webflow template that can be transitioned into any kind of agency or studio website. 

UPDATED on 9/17/21: Fixed grid structure on the project CMS template and services page.

This template was an EARLY RELEASE!

This template uses a simple four-column grid to create a unique layout that's consistent throughout each section. It's tablet/mobile ready and has a unique interactive full-screen menu!

---------

Let me know what you think of this one! I hope you like it! The design has quite a few "on-trend" elements. :)

Images found on unsplash.com and pexels.com

---------

👀 Find previous templates on my profile.

🚀 Practicing to eventually become a webflow template designer. Follow along on twitter: twitter.com/Tycreated

🎉 I'm publishing free cloneable templates every two weeks.

EMPATHY Cloneable CMS Template

RYTHM is a free multi-purpose webflow CMS template that can be transitioned into any kind of agency/studio website. It has a clean layout, so if you have a different type of project, it can be a simple transition.

Check out the interactions on this one! There are a few good ones. :)

The template includes 6 static pages and 3 CMS pages. It's fully responsive and ready to use right away! No custom code - 100% built in webflow.

I'm practicing to eventually become a webflow template designer. Let me know what you think of this one!

All of the images are from pexels.com and unsplash.com.

I hope you like it! :) 

---------

NEW FREE TEMPLATE: The new EMPATHY cloneable CMS template is published and available for everyone to clone. 🎉 Clone and find it on my profile.

I'm publishing free cloneable templates every two weeks. 🚀

Find the previous cloneable templates in my profile! 🎉

RYTHM Cloneable CMS Template

Matteo Fabbiani

(Remember to like it ❤️, it helps a lot)

Feel free to clone the project and steal the interactions 😉

If it was helpful, like the project!

Matteo Fabbiani - Personal Website & Portfolio

This is the 23rd cloneable template! 🎉🚀

---------

👀 Find previous templates on my profile.

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

Portfolio cloneable template

Ben Celinski

Hi Webflowers,
Many of you asked to share my new website as a cloneable so here it is:
👉 advanced hover interactions
👉 clean and reusable way of naming interactions
👉 clean naming using Client First
👉 custom cursor animations
👉 complex type animations
👉 page transitions
👉 scroll-based animations
👉 smooth bg change animation
👉 lock/unlock scrolling on project screenshots
👉 CMS slider for testimonials using Swiper.js
👉 little touches of Attributes and custom code
Very happy to give back to this wonderful community. Clone away!
I lorem-ipsumed client things - you can check the live site for reference at https://www.bencelinski.com/
__________________________________________________________________________
👋 Contact info for collaborations -> pick your platform and shoot me a message:
https://www.bencelinski.com/
https://www.linkedin.com/in/benedykt-celinski/
https://twitter.com/ben_celinski 

Ben Celinski Personal Website & Portfolio Cloneable

Em Design

Freebie Editorial Project for the Webflow's community

----

Check the original version (The current version has been simplified):
https://em-design-freebie-v2.webflow.io/

My Folio:
https://emportfolio.webflow.io/

Editorial Freebie [Free Version]

A live, drawing canvas where you can influence the pixels. 

Interactivity can make visitors feel engaged in a fun way. I used sketch.js for the drawing canvas. Use your cursor or touch to draw right on the screen.

David's portfolio - https://www.davidfiz.com was one of the most pleasant landing pages I've seen, and I wanted to see if I could rebuild it with a touch of design. I have layered lots of interactions on top. Sketch.js is used for the drawing effect.

Interactive Sketch Portfolio

Pawel Gola

Solveig is a minimal & modern FREE Portfolio Webflow Template perfectly suited for freelancers, designers, agencies or your personal portfolio.

Pages
---- 
- Home
- Work (CMS)
- Work Single (CMS)
- Contact

License
----
You can utilize this template in an unlimited number of projects, including commercial and personal projects. However, you are not permitted to resell this template, include them in a product, publish them online, or distribute them under any circumstances.

Solveig - Free Cloneable Portfolio Template

Matthew P Munger

Update to my personal site. Took heavy inspiration from classic macOS. There are some fun experiences for visitors to find. 

Everything is done natively in Webflow using interactions including the color palette changes. I'm using CMS collections to drive the projects, tutorials, videos, and Webflow Weekly contents.

The whole site is a single static page and then the collection pages.

The UI is the same no matter where you are thanks to symbols which makes edits much easier.

Class naming and combo classes were huge for making the interface and interaction work smoothly.

EDIT 2020-11-10: this can now be cloned

mattOS

Madisen Fedo

Recent portfolio refresh that features my graphic, digital, UX/UI and product design work as well as some personal photography and design explorations.

UX/UI Portfolio

Duncan Hamra

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.

showcasesearch

Darren Harroff

This is the latest iteration of my personal website. Love using this as a playground for interactions & trying new things. 

This time around I worked out a way to do some unique interactions using embed elements, a little HTML, & hidden "control" elements to hook Interactions to - see the Hero H1 & the "About" scroll section. Came together pretty well, but may need some performance optimization still. 

Clone away if you'd like!

Darren Harroff - Portfolio

Make your website stand out with 180 ready-to-use gradients. 

This cloneable includes gradients with different styles — including angular, radial directions and gradients with multiple colours (up to 5). 

Creating gradients can be tedious, especially when trying multiple styles. 

Each global class has been named systematically so you can reuse it throughout any project, for example: "gradient-night-fade".

Adapted for Webflow from https://webgradients.com

180 Beautiful Gradients

Blaise Posmyouck

My personal site 100% made in Webflow :)
Not fully translated yet.

blaiseposmyouck

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4o-mini

2546957535

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3026881092

3106924665

3112069432

3120801339

3243842104

3258716925

3289310561

3313039722

3315729993

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

4092855684

4103643638

4144203485

4206156914

451433404

504462606

622649767

622649768

657188092

665836192

737109165

747504970

772001133

846847440

882147072

911514507

938734410

1004117952

1049811722

105340574

1087856901

1120744071

1131151533

1157563538

1171384976

1197475705

1229056119

1234765101

1236803103

1250328847

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1350250754

1380813821

1380896143

1406455659

1418395020

1433303746

143629253

1437392009

1455163268

1455742168

1458975701

146940023

1475952185

1483622682

1490715908

1499868407

1501922903

1509255256

1530015515

1534768148

1545754914

1557989767

1568482678

1575119218

1601084996

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

173185438

1733571395

1752293186

1753134293

1762715110

1803820771

1826978162

183596474

1856326096

1857805694

1861549476

187681422

1928608458

1931880952

1944913766

1951876014

1968719184

2011169820

2031799369

2034576520

2084850560

2085494476

2091902242

21336891

214950889

2161096664

216777687

2182233325

2184630439

2187198051

2193997669

2195700599

2198334698

2224902271

Best Portfolio Websites | Free Examples & Designs

Discover Portfolio websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Portfolio websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Portfolio websites
built by the Webflow community