Style Guide Builder Beta, Portfolio Sections, GPT Prompt Builder & More

November 5, 2024

What's New

It’s a new month which means we’ve made updates to improve Relume. Happy Component Day!

Here's what's new:

Style Guide Builder Beta

Exciting news: the Beta release of our Style Guide Builder will be slowly rolling out to Lumers starting November 5th. Join the waitlist to be among the first to explore and share your feedback.

This new tool empowers you to create and present multiple design concepts for clients, streamlining the decision-making process. Together, you’ll find the perfect concept to shape the brand identity for each site.

At Relume, we’re here to enhance—not replace—your creative process. The Style Guide Builder is your AI-powered assistant, helping you transform ideas into initial concepts fast. So you can focus on the details that make your work unique and impactful.

While we have a bunch of new exciting features planned, this initial release focuses on the core elements that will have the most significant impact on your Style Guide creation process. This marks the beginning of an exciting new chapter for Relume and the design community.

Portfolio Sections

We’ve added 6 new Uncommon Portfolio Sections to help you showcase your projects with style. These layouts integrate smoothly with Webflow’s CMS, making it easy to build captivating portfolio pages that highlight your work.

Ready to use in Figma and Webflow.

Questions? Reach out on Slack.

Inspiration

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

ChatGPT-Powered Prompt Builder

Introducing Relume’s ChatGPT-Powered Prompt Builder. Jump start your web design projects with AI-generated prompts tailored to your needs. The ChatGPT Relume AI Website Builder connects seamlessly to help you get started, even when you’re stuck or unsure where to begin with your prompt.

Benefits include:

Easy Prompt Inspiration: Get AI help exactly when you need it.

Guided Prompt Creation: Follow clear steps to build effective prompts.

Instant Access: No signup required—connect and start designing now.

‍

React Library v0.7.0

November brings a huge release: 207 new components! That brings our total to a clean 700—putting us halfway toward our goal of 1400 Webflow components in React! ⛰️🚀

You may have noticed we’ve been picking up speed lately. That’s thanks to the rapid growth of our React team over the past two months. Huge shoutout to Yevhen, Niko, Victor, Mykyta, and Arseniy—your work has been phenomenal!

And while the React team has grown, the number of Lumers using React is growing even faster! We now have thousands of monthly active users and hundreds of components being copied and implemented daily. It’s incredibly motivating to see you all using the components and hearing your feedback ❤️. So if you're a designer with a new project that needs a custom build, have your devs check out Relume. If you're a developer looking to supercharge your front-end builds, now’s the perfect time to dive in! With our expanding library, you can build full marketing sites and landing pages in record time, saving weeks of work.

The Relume React Library is built using React, Tailwind, and TypeScript, and is available for free in the React Library.

Note the library is also available in HTML

New Section Highlights

3 New Links pages, think Linktree - Link 2, Links 3, Links 4
10 Banners - Banner1, Banner 4 (Set Complete 💯)
2 Logins & 2 Signups - Login 3, Signup 4
14 Hero Headers - Header 29, Header 33, Header 36, Header 43
2 Uncommon Hero Headers - Header 141 🔥 (this one is Epic!), Header 142
7 Team, with some really nice off screen carousel versions - Team 9, Team 10, Team 19, Team 20
9 Testimonials, also with some really great slider options - Testimonial 9, Testimonial 11, Testimonial 16
10 More Blog Headers, including some neat category filters - Blog 21, Blog 27 (Set Complete 💯)
10 New Portfolios - Portfolio 1, Portfolio 6
5 New Portfolio Headers - Portfolio Header 4
3 Blog Post Headers
10 Careers - Career 3, Career 10
5 Contacts - Contact 7, Contact 11
10 Long From Contents, using Tailwind prose
28 More CTA's - CTA 41, CTA 42 (Set Complete 💯)
3 Footers - Footer 12, Footer 13, Footer 14
58 Layouts - Layout 17, Layout 26, Layout 34, Layout 57
14 Stats - Stats 1, Stats 3, Stats 13, Stats 17

Read the full v0.7.0 Changelog

Figma Kit Update v2.8

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