Skeuomorphic Buttons & Cards in Elementor

[@LytboxStudio]

Whatcha think about a glassmorphism and neumorphism with Elementor tuts? If I get 100 requests in the comments, I'll make them! 🔥

[@LaRosaMJohnson]

I'm raising my hand for these

[@LytboxStudio]

@@LaRosaMJohnson +2

[@cabdullaahicaafi5936]

I'm rising my hand

[@LytboxStudio]

@@cabdullaahicaafi5936 +3

[@justaguynamedleo]

Hand raised aswell

[@MrTavaresD]

I used to make graphics like this in the early 2000s with photoshop. I think we used to call it gummy. Trends really do take about 20yrs to come back around.

[@LytboxStudio]

It's all full circle. I remember the old Apple icons using it.

[@rumble1925]

I'm so glad this is coming back. I used to love coding up interfaces like this. Flat design taking over made frontend work boring. And when React took over, a lot of animations also disappeared from websites. Hope we're going back to the time when frontend was actually fun and creative work.

[@LytboxStudio]

We need to have fun again!

[@virgix950]

Awesome Jeffrey. Love the no fluff stuff and clear, pro examples. Keep it up man.

[@LytboxStudio]

Hey thanks!

[@Atulwebdesigner]

Awesome tutorial, Jeffrey. Love the design process you use.

[@LytboxStudio]

Thanks! 🙏

[@marcellosowka2385]

Which app are you using at 8:24 to store code? Looks cool! Thanks for the tutorial!

[@LytboxStudio]

That’s SnippetsLab. It’s i the Mac App Store. If you’re a Mac user than it’s a super useful app. It keeps all my snippets organized and syncs with iCloud. It’s only $15 LTD

[@geancarlodelibero3160]

Zup Jeffrey, i'll be the first asking for you to make the tuts I guess. Thank you for your great content. I'm one of your students from the Selling and Building Maintenance Plans with Elementor course and it ROCKS!

[@LytboxStudio]

Yo Geancarlo! A big thanks for that one!🙏 And that's a +1 for the other morphism tuts

[@markbratton111]

Good stuff, my brother! Next level designing for sure. I was never a proponent for Figma, but now I'm going to give it a look. Kudos, Jeffrey!

[@LytboxStudio]

That’s awesome! It’s really a powerful tool to be used many different ways in our web building processes.

[@ElementoryMyDearWatson]

Really aweome Jeffrey, many thanks indeed for this detailed tutorial, I assume one could also use HSLA instead of RGB?

[@LytboxStudio]

Thanks! And yes indeed. HSLA can be used the same in CSS that looks like hsla(0,100%,0%,1) = black

[@Melissa_Lawrence]

Great videos lately....as always! Cant wait for more 😊

[@LytboxStudio]

I appreciate this sooo mcuh!

[@mofunnel]

Thank you for the wonderful content. I had a question: What do you think is better in designing only landing pages, sales funnels, and a one-page website? Is WordPress with Elementor Pro better, or moving to modern no-code platforms like Framer? thank you again

[@mofunnel]

as a services for agency

[@LytboxStudio]

Good question. Framer is still new and good for someone that has Figma skills. I’m not sure if it’s the right solution for building sales funnels though. Webflow is better for developers and bigger projects. They all have their pros and cons and WordPress has the most pros out of all the platforms. Personally, I’d go with WordPress for landing pages and sales funnels. It’s be quicker, it’s open source, and everything you need is easy to access.

[@mofunnel]

​@@LytboxStudio ​@ I love WordPress, but the idea is whether customers will accept building funnels and landing pages on WordPress, or will I have 2 forms, one on WordPress and one on Framere , and according to the client’s request, the project will be designed and created?

[@LytboxStudio]

@@mofunnel I think we need to build our own expertise to guide our clients the right way we see works for them best. WordPress is totally fine for building funnels. If the client has a 3rd party CRM, then we can integrate that into our funnels. Keep it simple.

[@LaRosaMJohnson]

Great video and digging the new studio 😃

[@LytboxStudio]

Thanks LaRosa!

[@JohnXionidis]

Great video! This would have been so much faster if Figma didn't make their dev mode a paid feature. Copying the CSS from there it was a huge time saver.

[@LytboxStudio]

Right! It almost got me to upgrade to the paid plan...almost 😅

[@nextexitgraff]

Interesting how this style is making a comeback lol!

[@LytboxStudio]

Right! Makes you think what will be next 🤣

[@Melissa_Lawrence]

Can i ask what fonts are that u used on this page?

[@LytboxStudio]

Thanks! I'm using Space Grotesk from Googel fonts

[@Melissa_Lawrence]

@@LytboxStudio I knew I recognized I but couldn't think of what it is! It's perfect for a site I'm about to be working on!!

[@sumitsaurav4877]

Can I have the color code of all 6 boxes i tried to make it but it's not looks thet much perfect that you made this. So could you please give me the color code of all six boxes . Thank you so much.

[@mkbusiness3561]

can i build design website from scratch in figma and join design in my website in wordpress????

[@LytboxStudio]

There are some tools but I would not use them. The code output would not be great. Better to use Figma as part of the design process to make building your site better

[@mkbusiness3561]

excuse me sir whats name microphone???

[@LytboxStudio]

Shure MV7. It's awesome!

[@25hockeyguy25]

Buddins.

[@LytboxStudio]

🤣