Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Teams
  • Showcase
  • Developers
  • Resources
    • Tutorials
    • Examples
    • Components
    • Templates
    • Sessions
    • Support
    • Updates
  • Blog
  • Pricing
  • ···
    • Blog
    • Pricing

Mood board template

Start brainstorming the visual theme for your next big project with the mood board template.

Start prototyping for free
Moodboards in Framer

What is a mood board?

A mood board or vision board is a digital collage, usually created before starting the design process of a project. Mood boards help you determine your visual style by collecting  color palettes and inspirational images to help anchor your visual design. Collaborating with your whole team on a mood board can help them get involved (and invested) in the visual design decisions you make together. They’re a great way to keep everyone on the same page throughout  the whole design process. When your team collaborates on a mood board, you can more easily agree on unified fonts, colors, and themes that set the foundation of an app or website design.

Open template in Framer
Moodboard designs

A free mood board creator

Use this template as a free mood board creator to brainstorm your next idea. You’ll find a fashion mood board template, as well as inspiration, classic, and branding options. Pick photos and videos to guide your visual style, and share by simply sending a link.

Take customization to a new level by adding custom backgrounds and devices to your mood board preview. Let team members around the world experience your interactive mood board first hand, and invite them to share feedback right on the canvas.

Open template in Framer
Branding moodboards

Effortlessly design mood boards

With the mood board creator, you can design multiple boards in the same file, each with different layouts or themes. To make your process even easier, use the Stacks to customize the spacing and alignment of all the elements in your mood board.

Search and browse the Insert Menu to find free icons, illustrations, and color palettes for your mood boards. Then, use the built-in color picker to select precise shades from anywhere on your desktop. Finally, compare and contrast the themes across the canvas and choose the visual direction that suits.

Open template in Framer

Framer Design Software
Free design software

Framer is your all-in-one tool for free interactive design.

Creating a realistic prototype in Framer
From UI to UX

Design how features will work, not just how they look.

Design together in Framer
Design together

Work on projects together with real-time collaboration.

A truly interactive mood board maker

A great mood board includes more than just inspirational content, images, fonts, and colors. It should also include polished, interactive elements like buttons and components that offer an idea of how an app or website should work.. Built with  Smart Components, the mood board template includes image cards with built-in hover states. No matter how you customize the content inside, your interactive image cards will include persistent hover states throughout previewing and sharing. You might even want to add your own interactivity and create a custom slideshow by linking one board to another.

Open template in Framer
mood board

Turn your mood board ideas into reality

What’s more, Framer can help you transform your mood board themes and ideas into the beginnings of your practical concept for your app or website. Take your early sketches—on paper, notes, or other media—and translate them to practical templates that mirror the look and feel of your finished product. With Framer, you’ll be more prepared than ever to define a strong look and feel for your next design project.

Open template in Framer

More templates

Template preview of Podcast

Podcast

An easily customizable podcast website template to upload your interviews, stories, and more for an audience that can’t wait to hear from you.

Open in FramerLearn more
Template preview of Portfolio

Portfolio

Customize this portfolio template to highlight and share your own work.

Open in FramerLearn more
Template preview of Material Design Kit

Material Design Kit

Get every UI element and component to design the best mobile and desktop experiences for Android.

Open in FramerLearn more

Explore all templates

Choose from a range of ready-to-use templates to save time and jumpstart any project, design, or wireframe.

View all templates
Scrolling preview.
Paging preview.
Video player preview.
User Story Map preview.
Dashboard preview.
Portfolio preview.
Ecommerce preview.
Restaurant preview.
Annual Report preview.
Photography Portfolio preview.
Landing Page Kit preview.
Input Form preview.
Material Design Kit preview.

Framer

  • Teams
  • Pricing
  • Showcasenew
  • Blog
  • Developers
  • Updates

Platforms

  • Web
  • macOS
  • Windows
  • iOS
  • Android

Learn

  • Tutorials
  • Examples
  • Templates
  • Sessions

Resources

  • Components
  • Input Kit
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement