Natalie

Creative Developer (Frontend). Engineering web apps with React, TS, GSAP. 60fps motion, clean architecture & 3D. Ex-AR Creator solving the design-to-code gap

[Natalie @dev_kolonatalie]

Live Demo: https://t.co/MNYezIRP5y

GitHub Repo: https://t.co/CxW6mu9u4V

[Natalie @dev_kolonatalie]

React dev vs. Vue 3+Three.js.👌🏻
Weekend sprint results:
• Parametric 3D Viewer built from scratch
• High Lighthouse score
• Strict code quality
• Smooth GSAP-powered transformations.
Frameworks are just tools. Visual engineering is the goal.
#Threejs #Vue3 #WebGL #CreativeDev

[Natalie @dev_kolonatalie]

Friendly reminder:
Don't push to production on Friday.👌🏻

[Natalie @dev_kolonatalie]

Interactive 3D Liquid Glass Experience exploring glassmorphism and real-time physics.
• Three.js & WebGL
• Rapier WASM Physics
• Dynamic Marching Cubes
• GSAP
• Optimized with adaptive resolution.
Live: https://t.co/EdnZTQPjyN

#Threejs #CreativeCode #WebGL #Typescript #GSAP

[Natalie @dev_kolonatalie]

2016: Golden ratio, custom logotypes, complex color psychology. Users must feel the brand identity.

2026: System fonts + Lucide icons. Performance is the only identity that matters.

2028: Just ship it. Nobody cares.

[Natalie @dev_kolonatalie]

People say "animations should only solve problems."

My magnetic button solves 0 problems. It just looks cool and proves I can code complex effects without killing your CPU.

I’m just here for the smooth hover effects, honestly. ✨

#CreativeDev #GSAP #Frontend

[eric @ericvanholtz]

Experimenting with:
• OKLCH color blending
• CSS 3D perspective
• backdrop-filter glass
• sine-based wave staggering
• pointer inertia

Inspired by the motion work of @ordinaryfolkco
Built in vanilla HTML/CSS/JS.

CodePen in the replies 👇

[60fps @60fpsdesign]

temp slider control 🌡️🧊🎚️

[𝐑.𝐎.𝐊 👑 @r0ktech]

software engineers vs designers 😹

[Lingo.dev @lingodotdev]

There is nothing normal about Regex 🫣

[Daniel White @dwhitedesign]

Love adding little details to my website 😮‍💨

Awwwards winning animation?

[Lingo.dev @lingodotdev]

Why do we need CORS on localhost? 🤷🏻‍♂️

[Ali Bey @alibey_10]

discrete tabs interaction by @nitishkmrk

shadcn block idea

[Adam KP @adamkp]

Insane light leak effect 👏

[Ali Bey @alibey_10]

goodbye to boring features blocks

Tailark ui just shipped insanely beautiful & clean features blocks

[Davin Zaki @davinzakip]

Just finished this Forest House🔥

Indeed math is fun.

Kudos to @bruno_simon for the based cool project!

Demo: https://t.co/JGqfvQUHLC
Github: https://t.co/lD359JgiIg

I composed the song too btw :) Enjoy!

#threejs #webgl

[JunKiyoshi @junkiyoshi]

Multi color hexagons. Source code -> https://t.co/MxSXycBku3 #openframeworks #programming #creativecoding #プログラミング

[shaders @npm_i_shaders]

Available today at https://t.co/LEKCwML3L8 and in v2.3.68

[emice lovin @emicelovin]

Loading animations for you next project

[NZ ☄️ @CodeByNZ]

What stack do you think powers this ?