Community forum for knowledge and support

Updated last year

Relume Component for Design

At a glance

A community member is looking for a Relume component that would work well for their design. Another community member responds that they have adjusted a component to match the design, and the original poster thanks them for checking. The discussion then turns to considerations for the mobile layout, with suggestions to stack the content and remove the lines. The community members also discuss animating the section, with ideas to have the text fade and move into place, and the scribbled circles animate as if being drawn.

Useful resources

Does anyone know of a relume component that will work well for this design?

C
M
S
16 comments

did you get this one figured out yet or no? I know we've been DMing about a few other things so just making sure.

I adjusted a component to match this. Thanks for checking!

which component, just curious

I wouldn't if there was one with built in interactions though

to load each steps

also just realized something - have you considered what this might look like on mobile?

It's going to need to stack

and I will probably remove the lines

I didn't create this design. I'm only doing the development

yep totally understand - as long as you have a plan! Let me know if you get hung up.

Thanks I appreciate that

Any good idea for how to animate this section? I'm going to have the scribbled circles animate as if they are being drawn. Should I just let the rest of the section fade in subtly so it's not too much?

yeah I would take it in steps for sure. At the very least if the text were say down 8 pixels from their final spot and you did a fade and move animation into their spot, and it happened relatively quickly, it might be a nice transition

Add a reply
Sign up and join the conversation on Slack