🚀 Introducing Nuppets!
Never write the same @nuxt_js code twice. A collection of carefully crafted snippets for @raycastapp that will change how you write Nuxt apps.
From components to API routes - everything you need, just a shortcut away ⚡️
https://t.co/xakeD689fX
CSS container query for when an element is stuck with position: sticky 🔥
nav { container-type: scroll-state; }
@container scroll-state(stuck: top) {
.nav__content { --expand: 1; }
}
use custom property to morph CTA into a nav bar with transitioned grid-template-columns 😎
CSS placeholder shimmer effect ✨
– overlay a placeholder element
– set aria-hidden and pointer-events: none
– show when :placeholder-shown
– visually hide actual :placeholder
– use mask for the border
– background-clip for the text 🤙
Check the debug 👇🎬
Announcing https://t.co/dBo5WECbkQ!
An open source wireframe to app tool powered by Llama 3.2 vision. Upload a screenshot of a simple site/design & get code.
100% free and open source.
.@pruvious is a free & open-source CMS for your Nuxt apps by @murisceman that helps you to quickly build modular websites 📦️⚙️ - https://t.co/FlJVbBd2Jx
CSS Scroll-driven knockout text using SVG filter 🥊
section { filter: url(#knockout); }
section h1 { animation: shrink; }
@keyframes shrink { 0% { scale: 36; }}
Animate text scale on a video overlay ✅
Knock out text using SVG filter ✅
Drive with scroll ✅
Выпустил ESLint Plugin Perfectionist v3.0.0.
Плагин сортировки импортов, объектов, TS типов, JSX и др.
В новой версии: типизация ESLint плагина, стандартизация конфигураций, новые правила, новый сайт документации и много улучшений.
https://t.co/sTM8BE6Cxt
Подробнее в треде ⬇️