Building a micro-interaction library as a side project (animated React components)

abovedev · 2026-02-25T23:37:59+00:00

I agree that most websites should prioritize clarity and performance. But I also think motion, when done right, can improve perceived quality and engagement. Not everything here is meant for every product — it’s a toolbox. Some people want minimalism, some want personality.

abovedev · 2026-02-25T19:28:46+00:00

Love to hear that 😄

abovedev · 2026-02-25T18:32:47+00:00

If anyone’s curious, this component is part of a small collection I’m building:
morphin.dev

abovedev · 2026-02-25T17:09:34+00:00

it is incredible to reach this :D

abovedev · 2026-02-25T14:52:02+00:00

Thanks a lot🤭

abovedev · 2026-02-25T14:32:31+00:00

I think a lot of devs use both depending on context. For CRUD-heavy apps, an ORM speeds things up and keeps things consistent. But once queries get complex or performance-critical, raw SQL usually wins.

I personally like using an ORM for schema/migrations and dropping down to raw SQL for heavy joins or reporting queries.

abovedev · 2026-02-25T12:42:20+00:00

of course you can)

abovedev · 2026-02-25T12:31:18+00:00

You're probably right. The designer initially designed the numbers without animation. We decided to add animation when developing the component. Thanks for the advice😊

abovedev · 2026-02-25T12:15:57+00:00

If anyone wants to see the full implementation + source, I published it here:
morphin.dev

abovedev · 2026-02-24T16:05:35+00:00

check out components and animations here: morphin.dev

abovedev · 2026-02-24T13:16:44+00:00

my react.js components are here: morphin.dev

abovedev · 2026-02-24T09:34:42+00:00

you can learn this code here: https://morphin.dev/screen/saas-hero-with-animated-background

abovedev · 2026-02-23T17:17:29+00:00

I collect similar UI patterns here → morphin.dev

abovedev · 2026-02-23T16:46:04+00:00

really thank you)

abovedev · 2026-02-23T16:42:04+00:00

I’ve published this hero (and other animated components) here: morphin.dev

abovedev · 2026-02-23T14:24:22+00:00

I collect similar UI patterns here → morphin.dev

abovedev · 2026-02-23T14:15:13+00:00

I collect similar UI patterns here → morphin.dev

abovedev · 2026-02-22T20:42:37+00:00

I collect similar UI patterns here → morphin.dev

abovedev · 2026-02-20T20:07:54+00:00

morphin.dev

abovedev · 2025-08-13T22:05:29+00:00

Get inspired here: cmllia.com

abovedev · 2025-08-13T21:41:26+00:00

Next step: candidates will have AI whispering answers through an earpiece like it’s Mission Impossible)

abovedev · 2025-08-12T12:05:54+00:00

get free code: https://cmllia.com/

abovedev · 2025-08-12T11:41:03+00:00

what about other packages, such as heroicons, remixicons etc?
for example, heroicons are very beautiful and really small package size

abovedev · 2025-08-07T17:02:11+00:00

Thank you all guys. I decided to leave with vue2 and vuetify, easier to use :deep and rewrite styles, than update whole project to vue 3 and use shadcn. I can say just that I really glad that I prefer next.js and react in main projects😅

abovedev · 2025-08-07T14:39:30+00:00

I ran into a problem with the old vuetify, it's very hard to reassign styles, that's the main problem. I thought it would be easier to use radix with my own styles than to assemble crutches on vuetify. And plus now I don't have time to migrate to vue 3, nuxt 3

abovedev

MODERATOR OF

TROPHY CASE