Innovative Hair Salon Website Development with Astojs & GSAP

Innovative Hair Salon Website Development with Astojs & GSAPInnovative Hair Salon Website Development with Astojs & GSAP

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Aabir Kashif

• 2d

New work in progress! Website for a hair salon! Tech used: - Astojs - HTML, CSS, JS and GSAP. - Sanity CMS as backend.

websitedesign websitebuilders developerlife Web Development Web Design Astro JavaScript Sanity

Alex K

pro

• Jun 18

The most minimal web design hero ever WIP

Paper Spline Framer

Vlad Chichisan

pro

• Jun 18

I dig it. What is it? A physical app?

Summer Chang

pro

• Jun 18

Undertone: an animated background generator that exports to Next.js and drops onto your website in seconds ✨

I built Undertone, a website background generator.

A background is the undertone of a website, the texture and feeling underneath it all.

I got tired of coding them and burning through AI credits without getting the result I wanted. They all end up looking the same, and tiny details like the speed and the pauses are hard to change. So I built Undertone: pick a feeling, customize everything, draw your own, then export straight to Next.js and drop it into your site in seconds. It's just text, so it stays light and loads fast.

Built in Figma Make for #ConfigMakeathon ✨ Try it: https://undertone.figma.site Also available on the Figma community: https://www.figma.com/community/file/1649138950603776862 Share on LinkedIn

Web Design Web Development configmakeathon Figma

MD Rafee Alam

• Jun 21

Exporting as plain text for performance is the right call. Most animated background solutions are either canvas-heavy or webGL and they kill Lighthouse scores. The 'pick a feeling' framing is also a smarter entry point than asking users to pick an effect type.

Vasily One

pro

• Jun 18

The real success in developing Astro websites with AI is a properly prepared Figma design.

If the designer has put in the effort and managed to create a tokenized system, site assembly will be a breeze, and I can focus on animations and interactions without wasting time on layout assembly and bug fixes.

However, if you turn off auto-layout at the design stage and decide that the default is good enough, development will take hours, and AI won't help.

I only use the first option.