Shiv

Creative Frontend Dev ⚡ | GSAP animations & Next.js | I build websites that move, feel & convert | DM to work together

[Shiv @shivc8658]

New drop: a 3D project carousel built with @threejs + @gsa.

All of it is one vertex shader + one GSAP timeline. Live demo + full Next.js source 👇

#threejs #gsap #webgl #reactthreefiber

[Shiv @shivc8658]

@JoeBenTaylor @threejs @GSA @jesper_alpacka Yes Definitely if @jesper_alpacka don't mind.

[Shiv @shivc8658]

New drop: a 3D project carousel built with @threejs + @gsa.

All of it is one vertex shader + one GSAP timeline. Live demo + full Next.js source 👇

#threejs #gsap #webgl #reactthreefiber

[Shiv @shivc8658]

@TheXSami Thanks @TheXSami

[Shiv @shivc8658]

https://t.co/ntVimHAdqN

[Shiv @shivc8658]

@greensock https://t.co/obNFlVRWSo

[Shiv @shivc8658]

spent way too long on this page transition lol

click a link and the whole page gets swallowed by a wave. different wave every time.

@greensock + one svg no webgl

Next.js app router, works fine.

demo + code in the replies

#gsap #nextjs

[Shiv @shivc8658]

https://t.co/AZWqpzA8Mm

#threejs #GSAP #WebGL

[Shiv @shivc8658]

New drop: WebGL Image Gallery Slider

A full portfolio page in one component. Drag through your projects, click one to open it, the page takes on that project's colours.

Perfect for portfolios and agency case studies sites
@threejs + @greensock . Live demo + source ↓

[Shiv @shivc8658]

@greensock https://t.co/tdxQW7d1JP

[Shiv @shivc8658]

Logo rises at the centre, glides into the header, and the whole hero assembles behind it — one @greensock GSAP timeline.

Code + demo 👇
#GSAP #webdev #madeforaward

[debug_withme @kumarsunil162]

✨ Crafted to make you stop scrolling.
A cinematic web experience built with Next.js • @madewithgsap • TypeScript — immersive visuals, smooth transitions & interactive storytelling.
🔗 https://t.co/ijvtd3rtdE
#nature #gsap #coding #frontend #uiux

[debug_withme @kumarsunil162]

🚀 ASTRA — Volume 01 / OBJECT

Built with Next.js + GSAP — cinematic animations, smooth interactions & minimal design.

🔗 Live: https://t.co/BOrvdsd0MA

#uiux #gsap #developer #webdev #coding

[Shiv @shivc8658]

@greensock https://t.co/07w0TF8oc8

[Shiv @shivc8658]

What if your portfolio's project list looked like this?

Scroll through the work, the images glide with you. Click one and the card morphs straight into the case study no page load, no flash.

Built with Next.js, @greensock & Lenis.

Explore it here ↓ (link in replies)

[Shiv @shivc8658]

@awwwards @greensock https://t.co/DUs03X2Rm3

[Shiv @shivc8658]

That @awwwards -style manifesto text effect everyone asks about?

It's @greensock . Split to chars → parabolic offset → tangent rotation → scrub with ScrollTrigger.

Ready-to-use in Collection 022.

[Shiv @shivc8658]

@KelvinOmoluyi @threejs You can explore more from here

https://t.co/ntVimHAdqN

[Shiv @shivc8658]

Component 019 — "Drag and Roll"

Built with @threejs
Live demo ↓

#threejs #webgl #creativecoding #frontend #madeforaward

[debug_withme @kumarsunil162]

Built an automotive experience for APEX 🏎️

612 HP • 3.2s 0–100 • 330 km/h

A premium dark UI designed around performance, precision & luxury.

⚡ Tech Stack: Next.js • @greensock

🔗 https://t.co/BoN9klC2Mm

#nextjs #gsap #uiux #development #coding

[debug_withme @kumarsunil162]

WILD — Nature Beyond Time. 🌿

A cinematic nature experience with immersive scrolling, motion & visual storytelling.

🌲 Explore the wild.
🔗 https://t.co/uk5GZXZfSr

🛠️ Next.js • TypeScript • @greensock

#nature #gsap #coding #frontend #uiux

[Shiv @shivc8658]

@threejs https://t.co/9fuapfmlcx