Mira

Mira is a Framer studio portfolio with oversized condensed type, a red accent and CMS-connected WebGL project presentations.

Mira preview
Mira supporting image 1
Mira supporting image 2
Mira supporting image 3

About Mira

A fullscreen hero slider and curved project showcase draw from the Projects CMS, so one entry feeds multiple views and its case-study page. WebGL transitions can be tuned through component controls, and the preloader reveals the page through the studio's logo.

The service offering includes a billing toggle and add-on calculator. A conversational enquiry form, journal and documented design system complete the package.

Template details

/frontpage, /projects, /studio, /journal, /contact

Three WebGL components power the hero slider, curved project showcase and logo-reveal preloader, with adjustable transitions.

Mona Sans and Switzer combine white lettering with red branding and contact accents over darkened portrait imagery. A centered studio title sits within a fine border, with a slim utility rail on the left and a vertical thumbnail stack on the right.

Five connected CMS collections distribute project content across the slider, showcase, case study and next-project links.

Color palette

Typography

Tags

Built something worth finding?

Submit a site, template, component or tool built with any stack. We will add it to the atlas.

Submit

More

Submit
Loading
World Web Atlas

Hop on in partner

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord