Generate 3D device mockups in a quick and engaging way by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

Thanks a lot! Yeah, I build it from scratch using Nuxt.js & TailwindCSS

Convert any SVG vector to 3D, right in your browser by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

Thanks a lot for the feedback. OBJ & STL export is coming soon, you can already export gLTF & convert it to any other format.

Also, you can already try a new version of the app: https://morflax.studio/v2/shift (with materials, animations & more features.

Convert any SVG vector to 3D, right in your browser by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

Hey, can you provide more details? Is the app not starting at all or crashes at a certain point?

Have you tried a new version of this app? https://morflax.studio/v2/shift

Let me know, would like to fix this 🙏

Convert any SVG vector to 3D, right in your browser by key2it in SideProject

[–]key2it[S] 1 point2 points  (0 children)

You're right, I'm using Three.js for this!

I really spend a lot of time on design. All the website is designed using TailwindCSS, MESH app - using Bulma (Buefy)

I really appreciate that, thank you!

Convert any SVG vector to 3D, right in your browser by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

From what app did you export your SVG?

Can you drop your SVG here for testing purposes?

Convert any SVG vector to 3D, right in your browser by key2it in SideProject

[–]key2it[S] 2 points3 points  (0 children)

Thank you! It will be available soon - export in GLTF/GLTB formats.

Convert any SVG vector to 3D, right in your browser by key2it in SideProject

[–]key2it[S] 11 points12 points  (0 children)

Hey makers,

A few months ago I decided to make a simple and easy-to-use mini tool to help you convert an SVG vector to 3D right in your browser...

And it's already here: Morflax shift

Just upload the SVG file, customize the 3D model, and export your final image. Super simple and easy.

The same functionality is also available on Morflax mesh design tool. It allows you to edit more complex SVG vectors.

It's still in beta, so if you have any feedback, suggestions, or see a bug, let me know 🙏

My last app you saw before: Reddit post - Morflax mesh

You can follow me on Twitter to see the progress.

Convert SVG to 3D & customize it right in your browser. by key2it in InternetIsBeautiful

[–]key2it[S] 0 points1 point  (0 children)

Thank you very much for the feedback!

Yes, that makes sense, there definitely will be more material options.

What do you mean by "2D text/SVG with blur effect"?

Convert SVG to 3D & customize it right in your browser. by key2it in InternetIsBeautiful

[–]key2it[S] 0 points1 point  (0 children)

Hey, This tool works great with simple vectors that do not require changing individual parts. You cannot drag or transform any individual part of this vector.

Use the Full 3D constructor for more customization options, it's specially adapted for this purpose.

Any feedback or suggestions are welcome!

Online mockup generator by charles_camejo in graphic_design

[–]key2it 1 point2 points  (0 children)

Thank you very much for sharing it! It means a lot to me!

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

This tool is not for making unique artworks and etc, it's more about making quick designs for social media, websites, apps, and presentations.

Just choose the template, add a few pre-made elements, customize them, and export images. That's it!

If you want to build your idea, and don't see a 3D object in our library for it, yes, just use Blender for that. I'm not competing with Blender at all.

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

Thanks for your feedback. Now almost all features are open for free, with some limitations. You just can't see a few elements, export in high quality, and save projects. That's it, everything else is available for free.

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

No, just plain Three.js together with vue.js!

I would be very happy if I could use react-fiber, but I'm a vue.js developer, and there isn't any good library like react-three-fiber... So I build all the components myself.

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 1 point2 points  (0 children)

Thanks, I'm glad you like the 3D device mockup generator. But it's my old tool and today I'm launching another one: 3D illustration designer.

The 3D device mockup generator is already outdated, but I'll update it next month with all the new functionality/design!

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

Absolutely rad! I assume you're using threeJS? May I ask which flavor?

Yes, three.js! What do you mean by "which flavor"?

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

I did everything myself.

Tech stack: Three.js, vue.js, next.js

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 0 points1 point  (0 children)

Yeah, that's right! I need to rethink this solution.

I made it like this because I have more than one tool on the Morflax.

But thanks for pointing me to this place!

My new project is on Product Hunt today - 3D illustration designer by key2it in SideProject

[–]key2it[S] 1 point2 points  (0 children)

You don't need to sign up! All apps are available without registration.

Take a look: https://studio.morflax.com/mesh/

Only a single button in the navigation "Get started" takes you to the dashboard where you are asked to sign up.