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

Yup, our first "official" handshake with the rest of the planet. We tried our best to build something enjoyable to use, whether you're 5 or 85. Simple, chunky and graphic, but staying functional (we hope), we like having a site that feels a little like Lego.

Okalpha

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

Hey everyone ✌️ I sold this project in December 2021. Check it out at goodbooks.io!

I'm working on himalayas.app and untitledui.com

Follow me on Twitter for updates: twitter.com/jordanphughes

–––

📚 Good Books is a curated collection of book recommendations from some of the most successful, influential and interesting people around the world.

This project started about 6-months ago when I started to keep track of all the books that I wanted to read and who recommended them. I then got (a little) obsessed with the project and ended up accumulating over 15,000 book recommendations from about 1,250 people...

I built Good Books to share these book recommendations with the world, organising them into simple categories and industries so it's easy to find your next read.

Cheers 🙂

Good Books

Good Books 📚

My personal portfolio. Making this cloneable, but I humbly request you to treat this as a resource to pull from rather than a template to copy ❤️

preetoshi

preetoshi // design portfolio

Hi All, 

It's been a while and I wanted to put something together as a little starter template. 

CSS Grid with Flexbox and open menu / about section.

Storm®

Storm - Free Starter Template

Apollo's Simple Responsive Landing Page

Simple Responsive Page

Just a quick site made with the help of Figma. This was meant to be a simple site that I could work on an animated page scroll - and I think it worked out quite well. There is probably an easier way to get the scroll done, but what I have done is effective and works fine!

MNTN

mntn

Trying to improve my animations technics using the native interactions by creating fun character loops. :)

CharacterByLA

characterbyla

Just finished the creation of my new personal design consultancy site. 
I had some great fun illustrating and animating a few little surprises throughout that will hopefully bring a smile to even the most dead inside.

Ollivere

Had a great opportunity to work with the Oreo team in creating the playful network site. 

Live site here:https://www.theplayfulnetwork.com/

Campaign live: https://www.campaignlive.co.uk/article/oreo-the-playful-network-digitas-uk/1695881

The Playful Network was born in lockdown. Because when our doors closed, we realised that we actually connected more.

We rolled up our pyjama sleeves and found joy in little things like clapping, baking, quizzing and dance challenge-ing together. And with every new connection, OREO was there to help us stay playful.

Oreo

Oreo - The Playful Network

Hey! 👋

Here's a simple cloneable SaaS page to kick start your own build
Full illustration collection/ licence from UI8 (link below)

Enjoy!

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

🥰 Support Us:

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

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

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

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
 ⦿Illustrations from UI8 (https://ui8.net/anton-mishin/products/kukla-kit)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Webflow Cloneable SaaS Page (CLONE)

Cloneable Saas Landing Page

This website design was created as a proposal option for a client but it wasn't the chosen design direction. The design style reflects the idea of constant evolution in the field of bionics research. I wanted to explore it because I think there are nice visual motifs that connect to the world of science.

T-Bionics

t-bionics

A brief introduction to Obsessive-Compulsive Disorder (OCD) meant to educate, share resources and real stories to create awareness and reduce stigma and misconceptions around OCD.

#livingwithocd #realocd

SOTD June 18 
https://www.awwwards.com/sites/living-with-ocd

livingwithocd

Inspired by Pixel Geek, mega nav done with dropdown components. Simplified in style, added some simple transition. Feel free to clone.

mega-menu

Clone: Simple Mega Nav Menu

Bookmark

Collapsing text

052 - 100 days of @webflow interactions

#52 Collapsing Text

#52 Collapsing text

"Port 621" is a minimalist, clean and content focused portfolio (or whatever you want to use it for) theme for Webflow.

CMS is used to contain the content for each project showcased. Three versions of the custom font Inter is used as typography, as well as Font Awesome for some icons. Images are sourced from Unsplash.com.

Feel free to clone, use and edit it however you like. It's mostly intended to be used as a starting point :)

Feel free to leave a like or comment.

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Port 621

Port 621 - Free Minimalist Portfolio Theme

Hey everyone!

I've been seeing this nifty trend on Dribbble wherein the top nav has this transparent area around an indicator on the active state so that you can see whatever is behind the link (i.e., image, color, etcetera). However, what I haven't seen is what these sections might look like when interacted with, or as the user goes down a page. So, I built it out for fun, and I've included a super trendy vertical indicator, which indicates where the user in the page, just for kicks.

Thanks for taking a look, and let me know what you think in the comments!

Note: If you clone this project and want to add sections, you'll need to duplicate the 2.0 interaction and apply it to the new section, and add a new link block in the vertical nav that directs to the new section. Otherwise, duplicating this project is as easy as clicking the clone button!

Trendy Top Nav with Vertical Indicators

Trendy Top Nav with Vertical Nav Indicator

A simple button that I just came up with that's inspired by https://webflow.com/moshfequr9 's work.
Might do simple things like these in the future!

Let me know what you think.
Feel free to clone this and enjoy! :)

Discover simple websites built by the Webflow community

Discover simple websites built by the Webflow community