Design studios using Framer

Explore design studios with Framer websites and gather references for your own portfolio. Look at how teams combine project imagery, typography and interaction to introduce their work and make it easy to explore.

The guide below is free to read; Pro unlocks the filtered studio list.

Framer portfolio websites: beyond the first screen

Framer combines visual website design with a CMS. When comparing studio portfolios, follow a visitor’s full journey: the project index, an individual case study, the studio story and the contact page. A dramatic opening should still lead to clear information about the work. Compare long project names, mixed image proportions and mobile navigation before borrowing a layout.

Explore the official Framer website for product details and documentation.

Planning reusable project layouts

Decide which parts of a case study stay consistent and which need individual art direction. A project collection might include a client, year, services, cover image and credits. Try the structure with a short identity project and a longer digital case study. Ask how editors will add projects, change their order and review a draft before it goes live.

Assessing motion and handover

Use animation to understand how a site guides attention, rather than treating the number of effects as a measure of quality. Check keyboard navigation, reduced-motion behaviour and touch interactions. If commissioning a Framer website, clarify responsibility for custom components, content updates and future layout changes, and ask to see the editing workflow with your own content.

About this Framer studio directory

Does a Framer portfolio mean the studio offers Framer development?

No. The directory identifies a technology on the studio’s own website. Confirm who built that site, which services the studio offers and whether it will handle the implementation or collaborate with a developer.

How current are these technology detections?

These are stored automated detections from studios' own websites. Scan dates vary, and redesigns can change a stack. Inclusion does not verify certification, available services or the technology used on a studio's client projects.

Our 400-studio technology analysis explains the historical data and its limitations.

Explore Webflow, Readymag and Squarespace to understand other tools used on studio websites. A CMS, framework and animation tool can work together on the same site.

For references beyond the technology, browse design work by discipline and use our studio portfolio checklist to review content, accessibility and presentation.