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

Memberstack

Memberstack is a designer-friendly membership platform that works with Webflow.

Thanks so much to everyone who hit the 💙 Like button 💙 now others can discover MemberStack in the future. 400 likes and counting! We're officially on the "Most Liked" section! 

We can't wait to see what you create,
Team Memberstack ✌️

Memberstack.com - Memberships for Webflow

Probably the only link-in-bio kit you might need. Aiko is a simple, well-structured, beginner-friendly webflow template that provides you with various valuable components to build a personal link-in-bio profile.

Aiko is suitable for your appointment profile, influencer profile, your small business, and many more. This is built from the ground up, meaning you do not have to deal with redundant webflow classes. It is not CMS integrated, which means you can use the HTML version (link at the bottom) if you cannot afford a webflow site plan and want to host it yourself.

Features:
🤓 Simple bio
❤️ Social links and CTAs
🏆 Influencer social metrics
✅ Appointment booking
📈 Simple availability graph
📰 Newsletter form
📖 Blog section
🎭 Events section
🔗 Custom links
👗 E-commerce cards
📕 Books and interest
⚡️ Custom ad cards
more to come soon...

Dark mode coming soon 😎
Feel free to clone and share this with friends!

Aiko — All in one link in bio

Who doesn't love a good card! They're fun to design and fun to look at! They're like little bite-sized nuggets of content on your website!

Had so much fun creating this! Feel free to clone!

Also watch my walk through my process of animating the cards here: https://youtu.be/aokdBG7g__A

Just Some Cards

Bite-sized Fun Cards!

MemberStack is a designer-friendly membership platform that works with Webflow.

------------

You can now design your own custom forms to collect/update member information at any time.  Perfect for multi-step signup flows and updating custom profile fields.

Before, you could only collect member data during signup, and your members had to use the profile modal to make changes.

------------

To get started - create a free MemberStack account, and add the URL of your new site during setup.

Multi-Step Signup

#9 - Custom Signup and Profile Forms

Wanted to mess around with Frosted glass. Started out in Figma and then wanted to see how I could implement it in CSS so I brought it to Webflow!

Quite happy with the results. Not sure how 'new' this trend is. Trends just seem to go away only to come back later. I remember Microsoft doing this a few years back! But, always happy to explore a fresh new take on a trend!

Let me know what you think!

Frosted Glass

Frosted Glassmorphism

This template is a collaboration between MemberStack and UI/UX designer Phil Cook. Huge thanks to Phil for repurposing this beautiful template for all of us to use. 

https://webflow.com/Philip

---------

MemberStack is a designer-friendly membership platform that works with Webflow.

Fitness template

#13 - Fitness Template

Visual Designer & Web Developer, based in Yogyakarta. Strategically designing things that actually work and achieve goals. Expertise in — Visual Identity, User Interface, User Experience, Product Design, Illustration, Motion Interaction, Icon, Graphic Design, and Web Development.

🤙 dribbble.com/kemonn 

Muhammad Salmon

muhsalmon - Personal Website

Probably the only link-in-bio kit you might need. Aiko is a simple, well-structured, beginner-friendly webflow template that provides you with various valuable components to build a personal link-in-bio profile.

Aiko is suitable for your appointment profile, influencer profile, your small business, and many more. This is built from the ground up, meaning you do not have to deal with redundant webflow classes. It is not CMS integrated, which means you can use the HTML version (link at the bottom) if you cannot afford a webflow site plan and want to host it yourself.

Features:
🤓 Simple bio
❤️ Social links and CTAs
🏆 Influencer social metrics
✅ Appointment booking
📈 Simple availability graph
📰 Newsletter form
📖 Blog section
🎭 Events section
🔗 Custom links
👗 E-commerce cards
📕 Books and interest
⚡️ Custom ad cards
more to come soon...

Light mode also available 😎
Feel free to clone and share this with friends!

Aiko Dark— All in one link in bio

Aiko — All in one link in bio dark

Super simple profile cards using CMS data

CMS Cards

Hey,

Hey,

So I was seeing if I could create a site in less than minutes, and I succeeded! It is absurdly simple and serves very little purpose but It's available to clone for anyone who wants.

PLEASE LIKE, COMMENT AND CLONE!

Arthur

Macey

FREEBIE: Profile Page

The public Webflow profile where others view our work and a bit about us within Webflow has been neglected it seems for some time now. 

I feel our profiles are missing some really helpful features, like project tabs so we can organize and control what our visitors see ourselves. By control I mean have the opportunity to put our best foot forward and not just projects by date. 

I thought it would also be neat if we had a new way to present our best work like the "Featured Tab" within this project.

This was just my first take on something I have been thinking about for quite a while. You can change some things here like the profile theme color by selecting "Edit Profile" and then the droplet icon next to it. You can also click the blue "+" icon to open the modal to add projects to a new tab. 

Anyway, I hope you enjoy. I will continue to update this project over time. Thanks for checking it out! :) 

(Note: Not yet responsive. Coming soon!)

Profile Redesign

Webflow Profile Redesign

Little Business is a business consultancy and network of creative thinkers. They partner with entrepreneurs to create flexible solutions for intentional growth.

Want a website like this? Check out my profile or go to fujeedesign.com

Little Business

Little Business Consultancy

Welcome to Daily Interaction #126.

This demo showcases a profile card animation on hover.

With this animation a circle comes in from the top, and the profile image scales down to reveal 2 borders behind the image. A div block comes in from the bottom as well to reveal social media icons, and the social media icons change color on hover.

The effect was achieved by setting the overflow of the card wrapper to hidden, and moving the circle and bottom block out of the card wrapper within interactions. Then on hover they come back in. For the image I have it scale down in interactions, and another border appears behind the image. The image and border were placed in a div block with a blue background, that is why the image appears to have two borders around it. The blue color behind the image is also a bit darker to add a bit of contrast to the image section.

Inspired by: https://codepen.io/FrankieDoodie/pen/NOJpVX

WebDev for You - Daily Interaction #126

WebDev For You - Daily Interaction #126

Welcome to daily interaction #75.

This demo showcases a profile card animation on hover.

Inspired by: https://codepen.io/littlesnippets/pen/pygPXB

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

WebDev for You - Daily Interaction #75

WebDev For You - Daily Interaction #75

Design and development work best when combined, now let's build daily interaction #29!

This demo showcases a profile card reveal on hover.

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

WebDev for You - Daily Interaction #29

WebDev For You - Daily Interaction #29

OpenSea marketplace cloneable built with client-first style system by Finsweet, includes: profile page, assets page, and the client-first style guide. This would be perfect to power up with memberstack and jetboost!!

Opensea Template

This demo showcases a parallax profile card on mouse move over element.

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

WebDev for You - Daily Interaction #59

WebDev For You - Daily Interaction #59

Welcome to daily interaction #102!

This one was a lot of fun. It is a profile card that has different shapes scaling and moving over the card on hover. I might do more of these with different shapes and animations. The top circle has social media icons to make it a more functional card, and the bottom has the name of the person in the rectangle.

The part that took the longest was actually adding all the shapes into the card. I used specific wrappers and then positioned certain shapes around the wrapper with a position of absolute. For the rectangles at the bottom I skewed them on the x-axis to -20px. One thing to note, is that when you add a 'move' interaction to these shapes the skew property gets removed so you have to add the skew property as an initial state in the interaction as well.

Happy Webflowing!

Inspired by: https://codepen.io/chhiring90/pen/zLJLBG

And if you'd like more information on how this interaction was accomplished be sure to join the Slack Community!

Discover profile websites built by the Webflow community

Discover profile websites built by the Webflow community