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

Hey everyone 👋

Mac is a retro themed template you can use for your personal website, blog, or whatever.

Clone the template and use as is or customize to fit your project :)

There's a bit of custom css for the custom scroll bar & cursor, plus I used css calc to figure out of bit of the widths / heights with the fixed header and such. 

If you end up using it for one of your projects let me know so I can check it out! 

Enjoy 👍

Mac Template

Meet Mac, a free retro themed template

A website harkening back to the Windows 98 days with a fun cats with jobs spin. 

It isn't 100% mobile friendly yet and I welcome any feedback on how to make it better! I had a bunch of fun making the little windows popup and small features throughout. 

Feel free to clone and make it your own! Video on how I made this at the YouTube link below:

https://youtu.be/K7wp_D-tZHc

Cats with Jobs

Retro Desktop

I loved Dries Bos's portfolio (http://driesbos.com), so I gave rebuilding it in Webflow a shot!

This minimal portfolio features a cubic, 90's retro look. Each block reveals a preview when you hover over. The blocks are stackable, making it easy to add or remove items.

I've implemented a custom cursor. I've written Javascript to remove in-line styles added by Webflow interactions to avoid clashes once the page load animation is completed.

Retro Cube Portfolio

90's Retro Style Portfolio

Amsterdam-based independent Designer & Developer with focus on Art Direction, Motion Design and Creative Development.

Miranda – Paper Portfolio

I built this page for Sofia Game Jam 2019 to showcase the best games made in the past 5 editions of SGJ. 

This year, our whole aesthetic is built around vaporwave and synthwave, so I thought it'd be cool to bring in a little extra nostalgia by recreating a Windows 95 desktop full of dope-looking game icons.

Just for the heck of it I also added some additional stuff like:
• A semi-functioning Start Menu
• A Recycle Bin
• A screensaver

And a bunch of other stuff you can click around to find out. :P

P.S. It ain't responsive. I could have made it, but I thought "Hey, Win95 never supported mobile devices". :P

Best of Sofia Game Jam

(Win95) Best of Sofia Game Jam

Just a simple little retro 3d grid effect with optional scan-lines overlay.

✅ Native Interactions
✅ Custom CSS (optional)

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Retro 3D Grid

MM—011: Retro 3D Grid

I finally decided to get my hands dirty and learn ThreeJS + React Three Fiber to give life to my ideas using interactive 3D. This project is the end result of my tests and study.

Highly inspired by the Work Louder(c) Creator Micro pad (https://worklouder.cc/creator-micro/), I created a fictional collab between your favorite website builder and this amazing product for a limited edition with custom shortcuts to improve your workflow.

My process:
- 3D model, materials, lights and animation done in Blender
- Used CodeSandbox Cloud to put everything together in R3F (plus some custom scripts used on the Webflow page via data attritbutes)
- Loaded the generated JS bundle in Webflow using custom code

- YOUTUBE TUTORIAL: https://youtu.be/XOIU3mdR9Sc
- Link to the CodeSandbox template: https://codesandbox.io/p/sandbox/flowboard-r3f-b95nx9

Flowboard

Flowboard - Webflow + ThreeJS template

Retro tech and interfaces have always seemed interesting to me especially the older Mac and Windows interfaces. So, when I started to learn and play around with Webflow, one project that instantly came to mind was creating something inspired by retro Windows. 

Read more and see at - https://www.nilay.design/blog/a-retro-windows-inspired-website

non-os

Press like if you want to see more sites like this :)

Can you guess the 10 digit passcode?
There are more fun things waiting inside the vault!

Built purely with Webflow interactions - clone the site & see how it was made!
Let me know what you think.

PS. If you're having a hard time cracking the code, it's 5 4 6 5 3 1 6 2 6 2

The Vault

Sá Barros presents an undervaluated side of photography: Documental sessions. In a very natural way, she spends days inside peoples' home registering their every day routine, so the memories of the family remain alive throuough the years. Child plays, a bath, a simple dinner or even a fight have a special value for the family's history, so they deserve to be registered.

Sá Barros Fotógrafa

sa-barros-fotografa

ThreeSixtyEight

Project Turntable

Watch the build tutorial at https://www.youtube.com/watch?v=mIRR7Qetoi4

Watch the design tutorial at https://www.youtube.com/watch?v=fsPuLR36wOU

MailChimp Tutorial

Mailchimp Hero - Tutorial Completed

Teller

The newly re-launched website for Teller, a CRO-obsessed e-commerce agency, based in South Florida. Designed and built by @goodtimeagency. Follow us at @weareteller.com.

Teller - a CRO-obsessed e-commerce agency

My portfolio is minimalist, funky and very me. As a junior designer, I wanted to build a website from scratch to distinguish my work and stand out during interviews.

Webflow has been a joy to learn. I drew inspiration from featured sites and wanted to return the favor.

Rani's Portfolio

Rani's Design Portfolio

I'm a NYC-based freelance web designer, and I just made huge changes to my site to reflect my new skills! My goal was to give it plenty of animation and make it fun to navigate. Enjoy!

alexbeigeweb.dev

Alex Beige Web Designer Portfolio

Alex Beige Portfolio

Website design and development for TriviaWhizz, daily quizzes across movies, music, science, sports, history, geography, literature, and culture.

TriviaWhizz

Triviawhizz - Daily Trivia Quizzes

Ancient Webflow Relic

90s Webflow

Continuing the exploration of my sidebar tabbed navigation in the hopes of finding a direction for my personal portfolio. 

Not happy with the hero hover interactions, so I will not be using it for a production site, but figured someone might be able to learn something from it.

Discover retro websites built by the Webflow community

Discover retro websites built by the Webflow community