3D web-design

Hey I’m a newcomer but I think I can and want to start a project in web-design field.

Maybe naive but I think in 2023 - 3D design in browser still like a something for “elite”…
Possible to simplify popular elements of 2D web-design and make examples in 3D for using it like a we use classical layout elements.

I draft a little presentation for this idea:




t is

Plz share your comments and ideas about and plz feel free to distinguish(and laughing)) my naive mind


P.S. if someone interesting in this project like a contibuting/participating - we can coordinate in this thread 🎨
P.P.S. maybe I can post here updates of project also 🖌️

Hey, @bazylevnik0.

Affordable in-browser 3d is something that Spline, Sketchfab, Vectary and others are doing today. Is this something similar to what you had in mind?

Thanks for links @kotsky , sure Sketchfab just a 3D viewer, I am speak about functionality, maybe Spline direction(I will look, for inspiration hehe). I see it like the HTML Elements .Like a open-source library of common elements(and non-profit sure).

It is possible to make with canvas element some back-end and for designers give a tool like a:
1.insert canvas element to html with id
2.call in js function for example “create_3D_button(canvas_id,caller,size,color,rotation)”

ah also in first post of the thread i forget links to used illustrations in presentation:
https://dribbble.com/shots/14014679-Main-Page-Dasshboard-Mav-Farm
https://store.steampowered.com/app/881390/WorkinVR/
https://www.freepik.com/author/xvector
https://www.freepik.com/author/kubko
https://www.redtedart.com/3d-flower-card-diy/
*it was just for vizualization the idea, sorry if copyrights violated

NEWS NEWS NEWS :slight_smile:
guys - i made the very raw prototype but it must works, you can test it in your browser
https://codepen.io/bazylevnik0/pen/BaqoyBB?editors=1111


*it is just a simple 3D button, with opportunity to use with your functions, and basic rotations.
**yep i know look not very good, but it is really 3D element - now i am going to work with cameras and etc.

for better understanding: changed colors


One more week - and I only yet with button, heh.
But now buttons is supporting text:


I started deep developing branch(really just folder in github) and it now have some differences in technology with the concept in start, it is not so easy how I thought)

Started working on bar-lines chart implementations, still looks ugly - but works

*it is also will be in canvas element, also transparent and configurable

And really problem - when you code then you do not have time for beauty design :mending_heart: