Tutorial

Beginner

Three Moods, One Component

In this video, Figma expert Devin Fountain shows you how to create three entirely different moods using the Navbar 21 component from Relume Library.

View source

Additional Summary

Follow along and learn how to use Figma like a Pro.

Access component: https://library.relume.io/components/navbar-21

Download the Relume Library Pro Figma Kit: https://library.relume.io/figma-kit

Download the designs from video: https://www.figma.com/community/file/1264608323834973748

TIMESTAMPS ---

0:00:00 - Moodboards
0:02:03 - First Mood
0:15:03 - Second Mood
0:34:32 - Third Mood

ABOUT RELUME LIBRARY ---

Access the world’s largest library of Figma & Webflow components and build better websites in hours, not days.

Curated

7/2/2024

Colleen

Tags:

Three Moods, One Component

Related content

Tutorial

Partner

Effortless Analytics in Webflow | Humblytics

Learn how to configure Humblytics to monitor Webflow form conversions, button clicks, and views seamlessly. Simplify your Webflow of Framer analytics with easy integration and comprehensive dashboards.

Webflow Unlocks Class Attribute on all Elements

Webflow has expanded the class attribute functionality to all elements, significantly enhancing design flexibility. This update allows designers to dynamically control element layouts and styles using classes, making responsive design simpler and more intuitive.

Redesigning a Pizza Website in Less Than an Hour

Adam Mura from Relume joins the Webflow livestream to show how a random pizza site can be rebuilt in less than an hour using the Relume library.

Experimenting with Variables and Uncommon Components from Relume

In this video, professional web designer Devin Fountain explores the use of variables to enhance interactions in Header 108.

Formly and Relume Partner on components for mult-step forms

Looking to style and create multi-step forms? Relume x Formly have partnered to make it easier to create lead gen forms, surveys, and onboarding forms.

How to optimize your Webflow website

In the video, Andrew discusses using tools like Google PageSpeed Insights and Lighthouse to measure performance metrics and offers specific strategies to enhance site speed.

Relume Icon Library - Convert SVG to HTML for Webflow & Figma

Explore a massive library of icons ready for Webflow of Figma. Paste your SVG code and convert it for Webflow with ease.

Learn how to create your first Wized application in just one hour

This video teaches you how to build a simple yet powerful to-do list application using Wized, Webflow, and Xano. By the end of the hour, you will have a fully functional app with design freedom and a robust backend without needing expensive services.

How combo classes can ruin your Webflow site and how to avoid it

Using utility classes incorrectly in Webflow can lead to site-wide issues, messy code, and poor maintainability. Prioritize custom classes to maintain control and flexibility, ensuring efficient site management and future-proofing.

Timothy Ricks gives an overview of Lumos v2.0

Lumos 2.0 is officially out of Beta. Take a detailed look at the newly updated framework in this new video from Timothy Ricks.

Timothy Ricks shares a hack for Webflow components on LinkedIn

Take a sneak peek at how Timothy Ricks is taking Webflow Components to a whole new level using native code embeds and the Lumos Chrome Extension

Relume Launches Resources

Relume launches an instructional area for learning how to use their various products.

Your front page for Webflow community news & events

Three Moods, One Component