Видео

Amazing video, this is nice.

that rectangle going off screen is sending me lmao

when I render canvas somehow I get like a second view when I scroll down. I cannot find where it is called and don't know where it comes from... I realized it is when the <Canvas> has something inside is when this happens. Otherwise, I only see 1 page long html content.. I'm using Next.js

Hello bro, can you remake this app with the latest clerk package? I feel like there is deprecated types and functions now in this tutorial.

Thanks for the video it's great .... i was trying to replicate also the effect on the 'supabase' website in the "edge function" card the effect that look like an electricity passed or something ... i also see it in vercel website it's so nice but i think i should learn more on animation and svg before i can make it

Top notch 💯 legendary channel 💥💨

Amazing, i have been wanting to do this effect for a while, thanks

Oh my goshhhhhh. This is amazing 🤩🤩. I really love this. I'm following you all the way 🎉🎉

if you've ever used getBoundingClientRect, you know that (by definition) it obscures any transforms affecting the element. that's why I created getActualClientRect, as well as Projectrix (for relating two elements in the dom). I added support for preserve3d and perspective a few weeks ago; next goal is to analyze performance and optimize both

🎨✨.. finally a new video

Wow, I never knew 3d can be done like this with css!

Amazing video❤

Thanks for the video, it really helps me

Straight to the point , thank you dude. But u forgot cleanup things

Ok, thanks a lot. Now, how do I build it in plain JS?

Great tutorial, very clean! Thank you! For more semantic html I'd suggest to use an anchor tag instead of a <button> for the <TransitionLink> (with e.preventDefeault()) which would also add progressive enhancement at no cost. And put the <nav> outside the <main> tag and probably wrap the nav links in an <ul> too.

great tutorial and incredibly useful for getting started, thank you!

Why is this channel so underrated?

Exactly the video I was looking for, thanks a lot for your work :)

What is your vs code theme name? Thanks.

Bro why yours ; keep changing position when transitioning to different code?

There is a small error in your code and you'll also get a warning for this in console. {Array.from(Array(20 * 12), (i) => ( <Tile key={i} /> ))} Here i isn't what you think it is. index is the second argument so you need to use something like (_, i) => <Tile key={i}>

I get Typescript error when I use : initial={{ "--x": "100%", scale: 1 }} : Object literal may only specify known properties, and '"--x"' does not exist in type 'string[] | AnimationControls | TargetAndTransition'.ts(2353)

You just got a new follower

Why does this feel like Hyperflex's style

can someone explain how he set up the --x variable?

This channel is so under rated, nice work thank you.

1st time watcher. Thanks for the awesome explanation.

Don't forget to add a check in your middleware to ensure users have a subscription for all protected pages. If you don't do this, then a signed-in user with no subscription can simply enter a protected page URL and access it.

has anyone tried to connect to exisitng database using docker? I have created a database through pg admin. I have a database named Rest from public schema. I used postgres 15.3 image. When enterning the container and going to psql -U postgres I can see database Rest but I can't see any tables inside it :((

As soon as i reached 2 minutes, i subscribed you. You have talent of Conveying So Beautifully.

Great !!, Thank you for the helpful tutorial. function animatePageOut is so amazing.

Wow, simple and beauty! thx!

Even though I knew these source code, I still don't understand how it work.But the explanation provided in this video is exactly what I need.Thank, homie.

Man your framer motion tutorials are so good, better than their docs lmao. Please create extensive tutorials around Framer motion

I was impressed at the xor / exclude mask thingy

great tutorial man, loved it. was wondering whether you can explain how to do page transition with the app directory? I was looking all over for it but cant find one so far, are there any workarounds ?

I just subscribed to you and turned on my notifications because of this! we need more of these.

Thx for the share you gain one more subscriber. Great quality content.

if only the docs had this example...

u are the goat 🇧🇷

oh god, react/tailwind has now fully replaced jQuery, including using it for things that don’t need it.

Him: I'm gonna make a button! Some poor guy's CPU/Mobile: Oh god! Please don't. Some poor guy with slow internet: Oh god! Please don't.

Is it possible to implement this without react?

Can you make this design in framer? Without any code?

This can be done with just CSS. It's weird to see it being almost forced to be with these bloated libraries.

The knowledge here is immensely invaluable. I am glad to have found your channel, thank you.

Amazing work, you really inspire me in becoming a Web Developer. Thank you.

you should see Vercel's 2024 annual conference page...!!!!

I love your video wow, but when i hover around the sphere mine doesnt change color