TrueKind ― E-commerce Skincare

[gaunt cobalt]

Build e-commerce skincare website TrueKind, beauty and natural vibe with smooth motion experience through parallax, seamless page transition and engaging micro interaction.

Tech stack:

• Nuxt 3
• CMS: Prismic
• Animation: GSAP

Visit ― https://truekindskincare.com

TrueKind ― E-commerce Skincare

[rose basin]

this is awesome, is the plan that you are managing the ecommerce within prismic and then connecting something like stripe for payment?

[neat pivot]

This is so cool! I do ecom as well in Nuxt! Although not with as much cool animations with GSAP, etc. Haha like a bit more brutalist, off-kilter type of design. I actually have a Shopify template for the Nuxt community - if you haven't seen it already! https://github.com/rylanharper/nitrogen

[gaunt cobalt]

Fun fact is, this is passion project, which is there's not really full ecommerce experience, previously we had shopify as backend, but we take out the shopify and make it "fake" functionality like cart, so people can't really do payment here, because the main goal is just for showcase

[gaunt cobalt]

This is cool starter template man, I already star the repo, will be useful later and i want to try it

[neat pivot]

Oh awesome! Let me know if you try it out and if there is any improvements/features I can add. I'll be updating it a bit (small updates) once my schedule gets less hectic towards the end of the month:) Awesome work on your site here 💯

[gaunt cobalt]

The thing when i see the first sight, i feel overwhelm by the code, maybe im wrong i will try the starter when i have the opportunity, but great job you doing there! thanks to open source this🤝

[neat pivot]

Yeah totally get that! Its definitely built for large-scale production type Shopify stores. Mainly for devs already in the headless space, but just using Vue/Nuxt. The code is translated from the Hydrogen starter template, which also happens to have ton of code lol. I tried to add as much helpful comments as I could along with a written documentation on how to get started. You can always use it as a reference as well and take bits and peices from it

[bleak glade]

This is absolutely amazing! Website scrolls so nicely and the animations are great! You say these are GSAP, was this achieved with the paid license or using the free ones? @gaunt cobalt

[gaunt cobalt]

Thank you man, yes I'm using GSAP Premium, because there's plugin needed for some element like drawSVG for arrow line

[snow island]

Awesome @gaunt cobalt does Abhishek Jha designs it on figma firt? Also loved the mirco interaction!

[primal lotus]

Thanks for sharing Prismic, didn't knew this CMS ! Looks really great

[gaunt cobalt]

Sorry just check again the post,

Yes Abhishek is designer, he design on figma first, then i do the development