Custom Horizontal scrollbar like Instagram Stories using Tailwind CSS

Опубликовано: 06 Май 2026
на канале: Momo Taheri
1,843
20

Instagram Stories and YouTube Categories section | Next js And Tailwind CSS Episode 04

📝 Completed codes: https://github.com/mohammad-taheri1/n...

Full Playlist:    • Next js and Tailwind CSS Tutorial  

In this episode, We Will create a new component and a page for it. Our component is a container that allows it’s content to scroll horizontally.
Then, we will implement two interesting real-world examples with it:
Instagram stories
YouTube Categories

✏️ sections

(00:00:00) Intro
(00:01:15) Clone repo and create new page
(00:08:04) Horizontal Scrollbar component
(00:16:12) YouTube Categories and chatGPT
(00:23:12) Instagram Stories

🌎 Me:
Telegram: https://t.me/DevEmpower
LinkedIn:   / mohammad-.  .
GitHub: https://github.com/mohammad-taheri1
Medium:   / devempower  
Portfolio: https://devempower.ir/

💖 Hope you enjoy it 💖
💖 If you loved this Next js 13 And Tailwind CSS tutorial, leave comments, like, and subscribe 💖
💖 You can Buy me a coffee to support: https://www.buymeacoffee.com/DevEmpower 💖

Music - "Tickled Pink" by Josh Woodward. Free download: http://joshwoodward.com/