Itay Haephrati

Passionate About Design & Development | Mastering Design Systems

[Itay Haephrati @Itaycode]

Experimented with shaders to create some cool hover effects!
link: https://t.co/b3GsvkjXsl
Github: https://t.co/QGW1Pli8k2
credits to
@codrops
#WebDevelopment #CreativeCoding #GLSL

[Flash Design Genome @flashdgenome]

People build with design systems.
Agents build with design genomes.
Flash turns yours into one your agents can actually read. Change one token, everything moves.

Build your first Genome free → https://t.co/5KgS09lPZW

[Itay Haephrati @Itaycode]

Check this out.

My girls built a game using @claudeai .

Nelly (5) created:
https://t.co/NTdGlqomAr

Ziv (10) created:
https://t.co/TG88mAlZfB

Ela (13) created:
https://t.co/LDTbbxyJ5M

The world is absolutely crazy.

[Itay Haephrati @Itaycode]

@Daniel_Shosh Looks great. Well done guys

[Itay Haephrati @Itaycode]

@learnframer @framer INFINITE

[Itay Haephrati @Itaycode]

@amit_sheen @css Very cool, thanks for the inspiration! : )

[Itay Haephrati @Itaycode]

@rauchg Enjoy your stay man

[Itay Haephrati @Itaycode]

Just made some major changes to my Bento and I have to say, I’m feeling pretty awesome about it. I’m sure everyone else is gonna be super jealous because I’m taking my link-in-bio game to the next level.

https://t.co/TTTgHuiOAw

[Itay Haephrati @Itaycode]

Check out what I built with @base44!
🚀 Built something insane with Base44—a Brutalist Design System that’s all about raw, bold, and unapologetic aesthetics. Minimal UI? Nah. Think grids, heavy typography, and pure structure. 💥

Check it out: https://t.co/novS3JyGH8

[Itay Haephrati @Itaycode]

Github:
https://t.co/HGrvqRxkn3

[Itay Haephrati @Itaycode]

Fresh idea for the team section 🚀

I built an interactive scroll experience using GSAP and the ScrollTrigger plugin. It features smooth scroll-triggered animations, parallax effects, and videos introducing each team member.

Check it out: https://t.co/gVErdrpSM2

[Itay Haephrati @Itaycode]

@amit_sheen @CodePen Wow

[Itay Haephrati @Itaycode]

I created fun draggable gravity elements with Matter.js—bounce and collide!

💻 Code: https://t.co/SCvefUEgSF

[Itay Haephrati @Itaycode]

🎨 Experimenting with paint-order after seeing a cool post from Wes Bos! Added some neon shadows and layered animations for a bit of flair.

🔗 CODE:

https://t.co/6AB6uGj7Xf

[Itay Haephrati @Itaycode]

Lil experiment with CSS hover effects ✨

I played around with & + * + * + * + * to target sibling elements and create smooth transitions. It's a neat way to handle multiple hover states!

code:

https://t.co/NJeIiFwmjq

[Itay Haephrati @Itaycode]

@wesbos That's a cool tip to duplicate the main background image using background: inherit;, thanks for sharing 🧐
@wesbos @stackblitz

[Ben Evans @ivorjetski]

It's Thursday! So it must be time for...

A CSS Music Video!! 🥳💃

https://t.co/sUcF4cmmIi
https://t.co/xmjSf65O6v

Could it be the first responsive music video?

@CodePen #CSS #FrontEnd #musicvideo #cssonly #cssart #codepen

[Itay Haephrati @Itaycode]

@ivorjetski @CodePen Ben, you are a magician, thank you for inspiring me, and I really enjoyed the song :)

[Itay Haephrati @Itaycode]

@Emaillion Well done man

[Itay Haephrati @Itaycode]

@amit_sheen @CodePen OMG

[Itay Haephrati @Itaycode]

🎨 I made a cool progress bar in @figma!
The progress bar's width can be controlled by a hidden prop text inside it.

#Figma #UIDesign #uxengineer