Тёмный
Built With Code
Built With Code
Built With Code
Подписаться
Advanced frontend web development tutorials.

Welcome to Built With Code! You'll find tutorials to create and build your next web project, leveraging frameworks like Framer Motion, Next.js, and Tailwind.
Animated Number Counter with Framer Motion
3:36
2 месяца назад
Apple’s favorite text scroll animation
9:48
3 месяца назад
Signup form validation using Shadcn + Zod
18:36
6 месяцев назад
Command palette in Next.js using Kbar
16:10
7 месяцев назад
Smooth scrolling from scratch with Framer Motion
18:32
10 месяцев назад
Animated gradient text with TailwindCSS
7:44
11 месяцев назад
Комментарии
@gopoo
@gopoo 6 часов назад
Smooth scrolling has too much delay while scrolling with mouse. Anyone experiencing?
@madusankajayasooriya9988
@madusankajayasooriya9988 13 часов назад
mouse scroll not working. any idea?
@reyu_
@reyu_ 2 дня назад
the problem with this is when you set to darkmode then you refresh the page then it will back to light
@vanhuydev
@vanhuydev 7 дней назад
Very nice video! Keep creating more video like this!
@elenbrodt3880
@elenbrodt3880 7 дней назад
when it gets in the end of the second array, it its with a black spot, how can i fix it?
@elenbrodt3880
@elenbrodt3880 7 дней назад
blank**
@bobruis4073
@bobruis4073 9 дней назад
Pfoee I'm hooked to learn more and become good at this
@jaredmurphy
@jaredmurphy 11 дней назад
Helpful!
@shayokhshorfuddin2576
@shayokhshorfuddin2576 12 дней назад
Straight to the point. Thanks
@jpxtv69
@jpxtv69 13 дней назад
very annoying breaking voice
@yunusnebioglu486
@yunusnebioglu486 16 дней назад
Thanks 🙌
@josecanales6846
@josecanales6846 18 дней назад
Amazing
@jasiekhalczuk4974
@jasiekhalczuk4974 18 дней назад
best framer-motion carousel tutorial, blessing
@joeytaylor4187
@joeytaylor4187 19 дней назад
Since we animate using degrees, we would only have a smooth animation when making a background on a square (It's more apparent on larger rectangles). How can we smooth out the animation on rectangles?
@MrAzael83
@MrAzael83 20 дней назад
Clean !
@chrisw.1252
@chrisw.1252 21 день назад
doesn't work in the same way that is shown in the video. There is a delay of like 15 seconds, then the page violently scrolls to the bottom.
@NotWasim
@NotWasim 21 день назад
This is class. Made it super simple to understand what everything is!
@collinsk8754
@collinsk8754 22 дня назад
Very concise and comprehensive tips!
@nguyentruongthi7180
@nguyentruongthi7180 23 дня назад
Thanks for sharing. It is so useful.
@vasiliskarantousis
@vasiliskarantousis 23 дня назад
Thank you brother!
@alexandrebtn
@alexandrebtn 24 дня назад
Thanks a lot for this video !
@HellBoy-ed4ct
@HellBoy-ed4ct Месяц назад
content is good but man very irritating voice
@joshuadodofoli6298
@joshuadodofoli6298 Месяц назад
Dude, how do you figure this out?
@EvertJunior
@EvertJunior Месяц назад
Adding a click handler to a non-interactive element poses an accessibility issue and should be avoided. Browsers natively support navigating to sections of a page using anchor tags (<a>) with #id
@RedVelocityTV
@RedVelocityTV Месяц назад
Never imagined a simple scroller is actually so complicated. There's definitely something wrong with web technology
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat Месяц назад
Thanks
@arielelias_mza
@arielelias_mza Месяц назад
This is one of my favourites YT channels, really. I'm waiting everyt day/week for the new content. All that you build has a REAL utility in my work. Tanks Built With Code
@builtwithcode
@builtwithcode Месяц назад
Glad to hear you're finding the videos useful. Any topics you want to see that I'm not covering?
@kruthiks5400
@kruthiks5400 Месяц назад
Thank you man
@gasal.c3675
@gasal.c3675 Месяц назад
How to delete inline uploaded image from bucket storage ?
@ChampuStrike
@ChampuStrike Месяц назад
I been trying to replicate the same but i get snaps back to the begining instead of it reseting in the background, what am i doing wrong?
@K4NEKIIIIa
@K4NEKIIIIa Месяц назад
how we can make the navbar dark mode on all the pages??
@De1anSrbija
@De1anSrbija Месяц назад
Most of these such plug-ins are underdocumented. It sometimes takes days to learn how to implement them. No decent tutorial either or any tutorial at all. Each tutorial does it in a different way. This one, for example, if I add “raf(time: any)” in stead of just “raf(time)”, entire page stops working, untill I remove “: any” from “raf(time: any)”.
@builtwithcode
@builtwithcode Месяц назад
I agree Lenis doesn't have great documentation (one reason I wanted to make this video). One suggestion - the react helper library (lenis/react) mentioned in this video provides a single component to take care of basic config. But for more involved use cases, it's a bit of trial and error until it works
@KrishanKumar-f6l9p
@KrishanKumar-f6l9p Месяц назад
how do i add @tiptap/extension-code-block-lowlight extension to my blocknote editor ??
@yanngatignol9126
@yanngatignol9126 Месяц назад
thanks alot you saved me some hours
@virtualrealitymessenger
@virtualrealitymessenger Месяц назад
Thanks a lot bro. Subscribed!😊
@builtwithcode
@builtwithcode Месяц назад
Glad it was helpful!
@FULTONOFFICIALKFV
@FULTONOFFICIALKFV Месяц назад
there are issue with , the scroll is not working on s, do you know the fix?
@sai-code
@sai-code Месяц назад
thanks
@nemesis4029
@nemesis4029 Месяц назад
Great vid !! Thanks for the tutorial
@collinsk8754
@collinsk8754 Месяц назад
Great quick tutorial!
@alejita.jaramillo
@alejita.jaramillo Месяц назад
nice guide... but if mouseover the picture how can set paused and after mouseout retake the animation keeps on the moving from the same point without restart the animation... I would really appreciate it if you could help me
@useMadness
@useMadness Месяц назад
I used a trick by setting the FAST_DURATION variable to a really big number (100,000) to make it seem like it’s paused. It still moves, but super slowly, so it looks like it’s on pause. If you come up with a better way to do this, that would be great
@bryan_11016
@bryan_11016 Месяц назад
Thanks a lot mate. I was struggling with Dark mode in Tailwind and you made it look simple. Appreciate it👍❤
@deelakaransilu814
@deelakaransilu814 Месяц назад
thank u ❤
@mhalwasoffice6132
@mhalwasoffice6132 2 месяца назад
how can i share this useState betwen the componants
@builtwithcode
@builtwithcode Месяц назад
If you want to share across multiple components, consider using state management such as React Context and storing the theme information there
@mhalwasoffice6132
@mhalwasoffice6132 Месяц назад
@@builtwithcode ty
@01dom
@01dom 2 месяца назад
Not good to be honest, would be better to define colors and change them with css so you wouldn't have to write dark everywhere
@danishnazirpeer3422
@danishnazirpeer3422 Месяц назад
That's what i was thinking when i clicked the video. Instead we got the most basic approach.
@zh1094
@zh1094 2 месяца назад
I am a bit disappointed that the formula wasn't explained properly at all because the exact final position formula will not work for everyone.
@builtwithcode
@builtwithcode 2 месяца назад
Sorry to hear that, is there anything I can clarify?
@Hellothere-by4ye
@Hellothere-by4ye 14 дней назад
remove left and right padding if their is any on scroll container
@tdothot1
@tdothot1 2 месяца назад
Amazing .Great job
@codingbru
@codingbru 2 месяца назад
Amazing tutorial. I coded along and actually learnt so much! Love the way you focus on small details like why are you doing something and what effect would it have on other parts of the code. Learnt alot today!
@builtwithcode
@builtwithcode 2 месяца назад
Glad it was helpful! Coding along is definitely the best way to do it.
@mickybrian2010
@mickybrian2010 2 месяца назад
Good one there!
@RedVelocityTV
@RedVelocityTV 2 месяца назад
Sad to see Th*o there, should be frontendfyi 😢 good picks otherwise..
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat 2 месяца назад
Amazing
@hunterrmartinn
@hunterrmartinn 2 месяца назад
What do you use to record the first shot of your videos? I've been looking for a way to consistently screen record a Safari window that is centered and the same size every time, as you do in all your videos.
@builtwithcode
@builtwithcode 2 месяца назад
I use a Mac app called Screen Studio, would highly recommend!
@hunterrmartinn
@hunterrmartinn 2 месяца назад
@@builtwithcode thank you, I'll check it out! Love all your videos, keep up the great work!