Tab Sections, Cookie Consent Modals and React Library Update

It’s a new month which means we’ve released some new components and updates to improve Relume. Happy June Component Day!

Here's what's new:

New Tab Sections

{{TeamKalebMariaJono}}

We’ve added 26 new Feature Tabs Sections.

Sometimes it feels like there's too much information to fit onto one page. That's where Tab Sections come in. Useful for comparing services or features and benefits, Tab Sections allow users to quickly browse between points of interest without having to endlessly scroll to find information.

Tab sections are often found on educational sites, travel websites, event websites with agendas, and software websites that have a lot of detailed features.

Inspiration

If you're looking for some inspiration on how to use the new Tab Sections, here are a few designs the team has put together.

Cookie Consent Modals

{{TeamKalebMariaJono}}

We are excited to introduce our brand-new Cookie Consent modals. Utilizing Finsweet’s Cookie Consent solution for Webflow, we have created 5 Cookie Consent modals that you can easily set up and have a fully compliant website in just a few steps.

These modals are designed to help you comply with cookie consent regulations like GDPR compliance in the EU and to give website visitors more control over what information they are happy to share.

React Library Update v0.2.0

{{TeamRobNour}}

The React team has released 65 new components this month. Built with React, Tailwind & Typescript they are available for copy/paste in the React Library.

New Section Highlights

• 2 new career pages Career 1, Career 2
• 3 new application shells App Shell 2, App Shell 3, App Shell 4
• 2 new grid lists Grid List 5, Grid List 6 and 1 new Datatable Table 1
• 1 new login and signup pages Log In 5, Sign Up 5
• 2 new testimonials (with carousels) Testimonial 21, Testimonial 23
• New uncommon layouts Header 104, Header 105, Layout 353, Layout 408, Layout 414, Layout 415
• 3 new navbars & footers
• And 42 more components

New UI Element Highlights

• Added Breadcrumb component
• Added DropdownMenu component
• Added Pagination component
• Added Sheet component
• Added Switch component
• Added Table component

Read the full changelog in the Relume React Docs.

_{A preview of some of the new React components.}

The Premium Figma Kit is now free

We're excited to announce that we're making our Premium Figma Kit free for everyone. This means a simplified and improved experience for all our existing users, both free and paid. We now have one Relume Figma Kit available in the Figma Library in your dashboard and the Figma Community.

Why have we done this?

We aim to empower designers and developers to create websites faster with AI. Simplifying our Figma offering into one kit lays the foundation for some exciting new features we're working on, which we can't wait to show you! In addition, this simplifies and enhances our current experience to ensure all of our users, both free and paid, are experiencing the full power of Relume.

Where can I get it from?

To receive the latest version of the new Relume Figma Kit, visit the Figma Library in your dashboard.

Figma Kit Update (v2.4)

{{TeamKalebJonoDamian}}

We have added all 31 new components to our Figma Kit, which is available in both desktop and mobile variants. To receive the latest update, visit the Figma Library in your dashboard.

Written by Damian Martelli, Kaleb Jae & Rob Austin

Edited by Adam Mura