Best Framer templates

What are the Best Framer templates?

Here’s my top picks for Best Framer Templates this year:

1. Super Normal Portfolio Website Template
2. Oslo
3. Solveing template
4. Dashfolio
5. Fusion Template
6. Horizontal Template
7. Solis Template
8. Aperture Template
9. Developer Tools Template
10. Vibrant Template

1. Super Normal Portfolio Website Template

If you’re looking for a minimalist approach to showcase your work, then the Super Normal Portfolio Website Template might be just the thing for you!

Designed by the talented Johnny Belton, this template has a clean and straightforward layout that’s perfect for those who prefer simplicity.

Preview of the Super Normal Portfolio Website Template

Let’s take a look at the preview of this website template. As you can see, the template has a header at the top with the name of the person or brand, which catches people’s attention.

Below that, there are some really cool layouts for selected works.

At the bottom of the page, there’s an “About” section which includes all the essential information in one place.

This one-page site approach is really useful as it allows visitors to stay longer on your site to read about you and your work.

Organizing Your Case Study

The case study section of the Super Normal Portfolio Website Template is organized in a minimalistic way that makes it easy to read.

The font size used is slightly larger, which makes it easier on the eyes, and the section only includes essential information.

The case study section also has some really nice images to showcase your work.

Customizing the Template to Suit Your Needs

If you’re just starting out and want to showcase a couple of projects, this template is an excellent starting point. You can add text and tell visitors about your role in the projects and what you did.

Remember that you can always customize the template to suit your needs. You can add more text or images to the gallery, making it a great framework to work from.

Overall, the Super Normal Portfolio Website Template is an excellent starting point for those who prefer a minimalist approach.

It’s perfect for showcasing a few projects, and the simple layout makes it easy for visitors to navigate. Give it a try and see how it works for you!

2. Oslo

let me show you the second portfolio template that I wanted to review. This one is minimal, but it offers a bit more customization and information. If you are an experienced designer, this portfolio might be a better fit for you.

Design and Features

Let’s have a look! I love how it loads with that nice animation, that smooth transition is already really good.

The header section is quite powerful; it’s much larger and already has the email of the person, and those transitions are just lovely! I really love them.

This portfolio template has that extra something that makes it stand out. See those URLs and links? Love that! Instead of just saying, “I solved problems” or “I design solutions,” you can have a big header that says “Product Design Experience” or “XR Designer” or “Freelance Whatever.” It already catches your attention. Then, you can add a bit more information at the top to explain it.

As you scroll, you can see those nice transitions on the hover and those extra things that would catch my attention if I were looking for someone to hire or portfolios.

And then, what I really like is that as you hover, you get a bit more information on the project, which is a really nice touch. They even tell you what you can write, such as the project title, and as you hover, you can add a description.

Case Study

Let’s see how they handle a case study. I love this header because if I only click on this project and I don’t scroll past this point, I know what this project is about, who the client was, what the services were, and the industry.

If you customize this template and only did part of the job, maybe you can use one of these to say “Role” and add “UX Design” or “Tasks” and add “Wireframes, User Flows, whatever.” This way of organizing the information and just showing snippets of it is excellent.

Then we have a description of the project and some really cool images and text, which is perfect. I really like how everything loads; it’s very, very nice.

I would highly recommend using this portfolio template. You can easily tweak the information and adapt it to your projects. Maybe if you don’t want it to be black, you can change the background color and the palette overall.

But it already has things like the hover states or how everything loads that will add that extra layer of quality that you might be looking for in your portfolio. So, give it a try!

3. Solveing template

If you’re in the market for a portfolio template that showcases a unique style and playful use of fonts, then look no further than the Solveig Framer template.

The Unique Style

Right off the bat, you’ll notice that this template has a different tone and uses fonts in a way that catches your attention.

For example, the banner on the homepage slows down as you hover over it, which is a neat little detail that adds some personality to the page. The use of color palettes is also something to admire.

While the images on the template are only placeholders, if you match the branding of your own projects with the color palettes and fonts on the template, it will elevate the look and feel of your portfolio.

Nice Transitions and Hover States

The transitions on this template are really nice, with overlapping sections that add depth to the page. The banner also moves as you scroll, which is a nice touch.

Plus, the hover states are well-designed, adding an extra level of detail that can help grab the attention of recruiters or companies looking at your portfolio.

A Gallery of Beautiful Images

The gallery of images on this template is really sweet. Even if you don’t have really cool images, the panels of information that scroll with them are nicely designed.

These panels also make it easy to add information about your role, what you did, and the project’s goals.

The Home Page

The home page is more of a landing page, showcasing what the person or agency does and what services they offer. You’ll need to navigate to the work section to see the projects.

The snippets of information about each project are quick and easy to read. The panels of information scroll on the homepage too, which adds a nice visual touch.

A CTA to Get Inside

I always appreciate a good CTA, and this template has one. The banner on each project page invites you to get inside and learn more.

A Template for Personality

Overall, I’m not sure if I would use this template personally, as I tend to let my projects speak for themselves. However, if you want to show off your personality through your portfolio, this is a great template to consider.

It has a unique style, nice transitions, and well-designed hover states that make it easy to catch the attention of recruiters or potential clients. If you’re a freelancer looking to show off your work, this template is a great option.

So, go ahead and copy this template and tweak it to fit your style. It’s a really beautiful template that can showcase your work in a unique way.

4. Dashfolio

Are you looking for a unique and sophisticated way to showcase your projects? Look no further than the Dashfolio Framer Template! Designed by Cedric Moore, this paid template is worth every penny.

A Clean and Organized Design

The Dashfolio Framer Template is a thing of beauty. It’s so clean and organized that it almost feels like its own operating system. You can customize it in any way you want, adding forms, about pages, and more.

And the best part? It looks almost like Notion, which is pretty impressive considering it was designed with Framer.

Cedric Moore’s Portfolio

To give you a taste of what the Dashfolio Framer Template is capable of, let’s take a quick look at Cedric Moore’s own portfolio. It’s absolutely stunning, and you can see how he’s using it to showcase his information.

A Worthwhile Investment

The Dashfolio Framer Template is not free, but it’s definitely worth the $75 price tag. If you’re looking for something professional and unique, this template is the way to go. Sure, you could try to rebuild it yourself on Framer, but good luck with that – Cedric has done an amazing job with it.

So what are you waiting for? Invest in the Dashfolio Framer Template and take your portfolio to the next level.

5. Fusion Template

‘Fusion’ is a minimal Landing Page App template built for the Framer no-code website builder. The design features a ton of whitespace and the devices even move subtly as you scroll around.

Introducing the Fusion, Mobile App Presentation Template for Framer, a comprehensive solution for showcasing your mobile app to potential users and investors. This template features a beautifully designed blog, feature updates, and a support page with a frequently asked questions (FAQ) section.

Engage your users effortlessly and showcase your app’s unique selling points with ease.

Key Features

1. Blog

The blog section allows you to share your app’s journey, updates, and behind-the-scenes stories with your audience. This feature helps you:

• Share your app’s development process, milestones, and achievements.
• Provide insights into your team’s culture and values.
• Engage with your users by sharing useful tips, tricks, and tutorials.
• Boost your app’s visibility and SEO with keyword-rich content.

2. Feature Updates

Keep your users informed about the latest features and improvements in your app. The feature updates section enables you to:

• Announce new features, improvements, and bug fixes
• Share your product roadmap and future plans
• Collect user feedback and suggestions for future updates
• Encourage users to update their app to the latest version

3. Support Page with FAQ

Provide instant support to your users with a comprehensive FAQ section. This feature allows you to:

• Address common questions and concerns about your app
• Offer step-by-step guides and tutorials for using your app effectively
• Improve user satisfaction by resolving issues quickly
• Reduce the workload on your customer support team

6. Horizontal Template

‘Horizontal’ is a horizontal scrolling One Page portfolio Framer template crafted by Justin Farrugia. The minimal design features neat, bento-style content boxes and comes in dark and light mode.

7. Solis Template

‘Solis’ is a clean Landing Page template crafted for the new Framer platform.

8. Aperture Template

‘Aperture’ is an app Landing Page template crafted for the Framer website builder. The long-scrolling layout features a slick device parallax effect, a classic z-pattern feature overview and ends with a CTA.

9. Developer Tools Template

‘Developer Tools’ is a free SaaS Landing Page template crafted for the Framer website builder. The long-scrolling layout features all the goodies for a web app including customer logos, screenshots, infographics, code snippets, testimonials, a multi-tier pricing table and clear CTA buttons throughout.

10. Vibrant Template

‘Vibrant’ is an App Landing Page template crafted by Code Less for the Framer no-code website builder. The clean long-scrolling layout features contemporary design trends like colorful gradient backgrounds, subtle drop shadows and lovely load animations as you scroll.

My Advice on Choosing the Right Framer Template for Your Needs

1. Choose a Framer Template that Fits Your Needs and Personality

As a designer, I know how important it is to choose the right template for your project.

Whether you decide to use the template I showed you earlier or any other paid or free templates out there, make sure it fits your needs and personality.

Don’t just choose a template because it looks good, but may not be a good fit for your specific project.

2. Consider the Minimalistic Approach

Sometimes, a more minimalistic approach is better, allowing your project to speak for itself. If you don’t have as many projects or you just want something basic, any template will work great!

The good thing about templates is that they are designed well, so you don’t have to put in extra effort to think about how things move or transition between pages. You just need to add your information and you’re good to go!

Framer Pro Subscription

As I mentioned earlier, Framer is a free-to-use tool with cool extra features that you can only access if you pay for the pro subscription.

These features include getting custom domains, analytics, or using your site for commercial use.

To help you decide if the pro subscription is worth it, I’m giving you three months of it for free!

Designing Quick on Figma and Bringing it into Framer

If you don’t want to use any templates and just want to design something quick on Figma and bring it into Framer, I’ve made a step-by-step guide article on how to do that.

Check it out and let me know in the comments if you’re using any templates and share the link to the URL so we can all see it.

Let Me Know If You Want to Learn Anything Else About Framer

If you want to learn more about Framer or anything else related to design, let me know! I’m always willing to share my knowledge and help out.