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

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

New

New

New

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
Retro computer terminal interface with pixelated menu design
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

  • Smooth page transitions website animation design preview

    Smooth Page Transitions in Framer

    Website

    Smooth page transitions website animation design preview

    Smooth Page Transitions in Framer

    Website

    Smooth page transitions website animation design preview

    Smooth Page Transitions in Framer

    Website

  • Framer website homepage with abstract sphere and imagination tagline

    Animated Website Hero Template in Framer

    Website

    Framer website homepage with abstract sphere and imagination tagline

    Animated Website Hero Template in Framer

    Website

    Framer website homepage with abstract sphere and imagination tagline

    Animated Website Hero Template in Framer

    Website