Resources

Retro Style Website in Framer

View demo

Remix project

Remix project

Resources

Retro Style Website in Framer

View demo

Remix project

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Website

Retro Style Website in Framer

This is a retro-style website recreated in Framer inspired from Andy and Josh’s work. Remix the project to explore how classic terminal aesthetics can be structured in Framer.

image of Nandi Muzsik
image of Prianca S.
profile image of Andy Alimbuyuguen
profile image of Josh Puckett

Created by

Nandi

,

Prianca

,

Andy

,

and

Josh

Retro computer terminal interface with pixelated menu design

About the resource

To create this retro-style website in Framer, I used the IBM DOS VGA 9x16 font to establish the classic terminal look. The ASCII visuals are generated using the ASCII art generator component, allowing images to be rendered as text directly on the canvas. I also created a custom button component with a hover variant to replicate retro interactions while keeping the experience functional and reusable.

About the resource

To create this retro-style website in Framer, I used the IBM DOS VGA 9x16 font to establish the classic terminal look. The ASCII visuals are generated using the ASCII art generator component, allowing images to be rendered as text directly on the canvas. I also created a custom button component with a hover variant to replicate retro interactions while keeping the experience functional and reusable.

About the resource

To create this retro-style website in Framer, I used the IBM DOS VGA 9x16 font to establish the classic terminal look. The ASCII visuals are generated using the ASCII art generator component, allowing images to be rendered as text directly on the canvas. I also created a custom button component with a hover variant to replicate retro interactions while keeping the experience functional and reusable.

ASCII art generator with retro terminal interface design

The ASCII art generator component used for this website.

ASCII art generator with retro terminal interface design

The ASCII art generator component used for this website.

ASCII art generator with retro terminal interface design

The ASCII art generator component used for this website.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • ⁠Framer portfolio website preview on tablet, hands holding

    Simple Portfolio Website in Framer

    Website

    ⁠Framer portfolio website preview on tablet, hands holding

    Simple Portfolio Website in Framer

    Website

  • Landing page with new way to build headline and globe

    3D Hero Section Template in Framer

    Website

    Landing page with new way to build headline and globe

    3D Hero Section Template in Framer

    Website