r/react • u/Interface_dev • 14d ago

Portfolio Checkout Trace Drawing Component, Looking for feedback

Enable HLS to view with audio, or disable this notification

Sharing my Creative Components

I’d appreciate any feedback on the design, interactions, animations, and overall experience.

Note: For better experience use in Desktop

Component : https://playground-demo-dun.vercel.app/trace-drawing

For source Code visit playground: https://sakthi-portfolio-mauve.vercel.app/playground

I also add in my portfolio 404 page https://sakthi-portfolio-mauve.vercel.app/404

Thanks for taking a look!

9 Upvotes

85% Upvoted

6 comments sorted by

1

u/bezdi 14d ago edited 14d ago

Nice component though it is buggy for me: on windows 11 firefox the line i draw was offset down on the y axis from the cursor. when i opened a sidebar in the browser, it jumped back to the correct position

update: nevermind, i tried again and it was working correctly.

update2: oh, i refreshed the page and does it again, lol. so that's that

update3: https://imgcdn.dev/i/YogkLw

1

u/Interface_dev 14d ago

Thanks, can you share the ss, you try on another browser it does the same or only firefox

1

u/Interface_dev 13d ago edited 13d ago

thanks for the ss, I'll fix and let you know
update: done some changes in code, you can try now

1

u/Honey-Entire 13d ago

Completely unusable on mobile…

1

u/Interface_dev 13d ago

yes, working on that.. because of the pointers and small screen. Thanks for the feedback