search

Algorithm-Arena / weekly-challenge-29-tech-cards

2 stars 0 forks source link

Submission - SuperDev Card Customizer #2

Open Krayorn opened 1 month ago

Krayorn commented 1 month ago

Very proud to introduce you my SuperDev Card Customizer!

https://github.com/user-attachments/assets/0c42d696-1344-4764-bfa5-6cf1b122fe03

I've made all the assets using Rive, that includes, the borders, the text at the bottom, the shine effects and the parallax with the background. Then the card title and the image is loaded on top of that with some parallax added in JS. If you're curious about rive here a screenshot of my workspace at the end CleanShot 2024-08-04 at 17 20 28@2x All these objects expand into a lot of groups, path, and constraints! I never had that much stuff to handle at once!

Here's three other cards I made for fun :)

https://github.com/user-attachments/assets/3c69fc9c-1707-4548-8580-1b05d656e6e2

https://github.com/user-attachments/assets/267a373f-3f8d-46ba-ab6e-400b779471d6

https://github.com/user-attachments/assets/1d6cb6e5-6aea-483c-a9e6-594cd3fd9438

If you want to see anything more in the visualizer feel free to ask! It's super simple for me to add text or background, and a bit more long to add a new border but if it sounds cool I'll do it!

See the code here Try the demo here

Krayorn commented 1 month ago

Just because I'm having fun

https://github.com/user-attachments/assets/fd1e0a95-3791-471d-af5a-744e151ed892

nikpundik commented 1 month ago

Love the style! Great work 👏👏