Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

4 Cool Nuxt 4 Micro Interactions you need to try!

Автор: Matteo Beltrame

Загружено: 2025-10-01

Просмотров: 1293

Описание:

In this video we create 4 new components that leverages micro-interactions to keep your users addicted to your creations!
This is the second video about micro-interactions, so if you haven't already, I suggest you to check out Part 1.
If you have specific designs, behaviour ideas for new components, be sure to leave a comment so I can develop them in the next tutorial.
Enjoy!

Index:
00:00 Intro
00:53 Reordable component
07:17 Cool trick to make PREMIUM layouts
08:03 AnimatedArrow component
12:17 StickyElement component
18:26 MorphingGradient component
22:33 Outro

FREE Resources & Documentation:
Free Nuxt 4 Template: https://github.com/tratteo/nuxt_template
Motion Vue: https://motion.dev/docs/vue
VueUse: https://vueuse.org/guide/

================

Join me in the journey of building and shipping stuff. I post real updates, real failures, real wins and mainly super useful tutorials. No fluff, no yapping here.
🥲 Check out my lame website: https://tratteo.it
Want to know why they call me "tratteo"? That's a story for another video.

🛠️ These are my products, my creations
🚀 Bubblet - Make your websites alive, enrich them with cross promotion and deep linking.
🔗 https://bubblet.app

🥽 Depthlog - The next-gen app for scuba divers, logbook and companion
🔗 https://depthlog.net

🚀 Agendista (ITA 🇮🇹) - Sleek, modern, beautiful and functional management software for small medium business that wants to automate booking and regain control of their time.
🔗 https://agendista.it

Sounds from freesound.org: https://freesound.org/
Icons and graphics from SvgRepo: https://www.svgrepo.com/

#webdevelopment #template #programming #development #saas #indiehacker #techtutorials #buildinpublic #coding #programmer #nuxtjs

4 Cool Nuxt 4 Micro Interactions you need to try!

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

I finally get how SVGs work

I finally get how SVGs work

Create a blog in minutes with Nuxt 4 UI Pro components (for FREE!)

Create a blog in minutes with Nuxt 4 UI Pro components (for FREE!)

You should learn Nuxt!

You should learn Nuxt!

Я ЗАМЕНИЛ N8N на ЭТО и не жалею | Альтернатива для профи

Я ЗАМЕНИЛ N8N на ЭТО и не жалею | Альтернатива для профи

Complete Nuxt 4 Setup in 2025: ESLint + Prettier + Husky + Auto Deploy to Vercel

Complete Nuxt 4 Setup in 2025: ESLint + Prettier + Husky + Auto Deploy to Vercel

Nuxt Content + Nuxt 4: create a blog to make your readers addicted (Part 1)

Nuxt Content + Nuxt 4: create a blog to make your readers addicted (Part 1)

НДС 22%: НАЛОГ на банковские карты?

НДС 22%: НАЛОГ на банковские карты?

Why I Love Nuxt

Why I Love Nuxt

The Easy Way to Pick UI Colors

The Easy Way to Pick UI Colors

The Lazy component prefix and when to use it - Nuxt Performance in Depth

The Lazy component prefix and when to use it - Nuxt Performance in Depth

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

Composition Is All You Need | Fernando Rojo at React Universe Conf 2025

Composition Is All You Need | Fernando Rojo at React Universe Conf 2025

Как сделать приложение за 10 минут? | FlowMVI Часть 1

Как сделать приложение за 10 минут? | FlowMVI Часть 1

These Responsive Modals in Nuxt 4 will make your web apps feel PREMIUM

These Responsive Modals in Nuxt 4 will make your web apps feel PREMIUM

Docker за 20 минут

Docker за 20 минут

Lazy Hydration is available NOW

Lazy Hydration is available NOW

ВСЕ ЧТО НУЖНО ЗНАТЬ О ДЕПЛОЕ, DOCKER, CI/CD, ЕСЛИ ТЫ НОВИЧОК

ВСЕ ЧТО НУЖНО ЗНАТЬ О ДЕПЛОЕ, DOCKER, CI/CD, ЕСЛИ ТЫ НОВИЧОК

Как потерять 112 миллионов за одну сделку?

Как потерять 112 миллионов за одну сделку?

4 levels of UI/UX design (and BIG mistakes to avoid)

4 levels of UI/UX design (and BIG mistakes to avoid)

Maps in Nuxt 4 with Leaflet (native, no fluff, no yapping)

Maps in Nuxt 4 with Leaflet (native, no fluff, no yapping)

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]