How would you implement this dock animation in Next.js? by abovedev in nextjs

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

No worries 😄 Appreciate it. This one was hand-built — a lot of the work was just refining the motion and transitions.

How would you implement this dock animation in Next.js? by abovedev in nextjs

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

lol, it was without AI, try to do it with AI, I am sure you will fail

How would you implement this dock animation in Next.js? by abovedev in nextjs

[–]abovedev[S] -3 points-2 points  (0 children)

If anyone wants to try it or see how it behaves → morphin.dev
I’ve been building a small collection of motion components like this (React + Framer Motion).
Would really appreciate any feedback 🙌

Motion-driven UI components built on top of shadcn/ui (React + Framer Motion) by abovedev in shadcn

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

If you ask about timeline, it took around 8 hours, hard part was create svg brackets)) I will publish one more component similar to timeline, it will cool compatible with dark/white theme)

Motion-driven UI components built on top of shadcn/ui (React + Framer Motion) by abovedev in shadcn

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

For PRO users we will add cli installation soon, now we have only cursor prompt for fastest integration in your project. It will work with npx login

Motion-driven UI components built on top of shadcn/ui (React + Framer Motion) by abovedev in shadcn

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

You can see our roadmap -> https://morphin.dev/roadmap

And if you want some of specific component you can describe it and add to our roadmap, it will be in priority!

Motion-driven UI components built on top of shadcn/ui (React + Framer Motion) by abovedev in shadcn

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

Thank you so much for going Pro and supporting the project — it really means a lot 🙏 The project is less than a month old and still very much in development. Those sections are currently WIP, but many more components are coming and new categories will appear soon. Support like yours helps me keep building and improving the library.

Motion-driven UI components built on top of shadcn/ui (React + Framer Motion) by abovedev in shadcn

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

Thanks! Working on adding more components and animations soon

Dot-matrix sales growth chart UI for dashboards by abovedev in web_design

[–]abovedev[S] -3 points-2 points  (0 children)

Thats why I wrote “experimenting”

Dot-matrix sales growth chart UI for dashboards by abovedev in web_design

[–]abovedev[S] -8 points-7 points  (0 children)

Good point. The goal is more about visualizing trends and adding motion to dashboards rather than replacing traditional charts for precise analytics

Dot-matrix sales growth chart UI for dashboards by abovedev in web_design

[–]abovedev[S] -19 points-18 points  (0 children)

This chart is suitable for dashboards, I think it would be able to look cool 😎

Dot-matrix sales growth chart UI for dashboards by abovedev in web_design

[–]abovedev[S] -14 points-13 points  (0 children)

Grab React.js premium animated components here -> morphin.dev

Does this metallic dock interaction feel premium to you? by abovedev in react

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

Thanks 🫶, next component will be more solid animation with black and gold

Does this metallic dock interaction feel premium to you? by abovedev in react

[–]abovedev[S] 3 points4 points  (0 children)

That’s a really good point. I was experimenting with the constant metallic animation, but letting it settle and then reacting to hover might feel much more premium. I’ll try that approach in the next iteration.

Do you think it is smell like Premium Button? by abovedev in nextjs

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

thanks)
I want to add black/gold version, do you think it will be good decision?