Next.js Discord

Discord Forum

Ui with 3d elements

Unanswered
Schneider’s Smooth-fronted Caima… posted this in #help-forum
Open in Discord
Avatar
Schneider’s Smooth-fronted CaimanOP
Is there anyway to achieve 3d navbar , buttons and other elements with lighting effect like below pictures
Image
Image

8 Replies

Avatar
Yes, but they are somewhat complex animations and effects that mainly are going to be a CSS challenge. That being said your best bet is to combine resources from a few different places and mash them together such as:

https://ui.aceternity.com/components/floating-dock
https://ui.aceternity.com/components/tailwindcss-buttons
https://github.com/jakobhoeg/enhanced-button
Avatar
Asian black bear
Those oldschool buttons used to be 9-slicing sprites
Image
Back in the days you'd just make images out of it and stitch them together depending on your needs.
CSS it probably possible depending on the effects you want but it can be very challenging.
Avatar
Schneider’s Smooth-fronted CaimanOP
its torture
:fine:
Avatar
Asian black bear
That's the difference between the designs from the original Web 2.0 era and nowadays. All this flashier and crazy stuff was just made using images. Not only because it's really difficult to get it nice with elementary tools like CSS but also it's just faster and easier anyways.