Juicy Labs

@juicylabs_dev

Creative experience with 🧡 for DX/UX/UI created using @tailwindcss + @Alpine_JS for @laravelphp and @astrodotbuild made by @timo_hoelzer and @ra_der_macher

www

juicylabs.dev

Joined May 2024

Juicy Labs
@juicylabs_dev
Aug 13, 2024
✨ Pro Tip: Adjusting the stroke-width of icons to match the font-weight makes your buttons more adaptive. ➡️ Try it out: codepen.io/juicylabs/pen/… 🎨 Test it with: heroicons.com Got any great sources for line-based icons? Share them in the comments below! ⬇️
00:00
Juicy Labs
@juicylabs_dev
Aug 9, 2024
ANIMATIONS 🎮 Controlling @LottieFiles animations with @Alpine_JS and IntersectionObserver is a blast! 💥 A progress value, tied to the item’s dimensions (wait for dotted outline), ensures users experience the full timeline, regardless of viewport height.
00:00
Juicy Labs
@juicylabs_dev
Aug 7, 2024
BUTTONS💥Adding nice effects to our buttons for user attention often relies on :hover state, which doesn’t work well on touch devices. What a pity. A generic button that triggers its hover state when entering the viewport could be a solution. Thoughts? 🤔
00:00
Juicy Labs
@juicylabs_dev
Aug 6, 2024
🎉The real fun begins when it comes to nesting of @Alpine_JS components. This experimental number input is bound to a native number input outside the component. Combines two of our upcoming components into a new. Thank you @tailwindcss for easy styling 👍
00:00
Juicy Labs
@juicylabs_dev
Aug 2, 2024
After squeezing 🍋 numbers we are now focusing on letters again. Raise your hand 👋 if you like to use talking placeholders like this with ease and no more dependencies than @tailwindcss and @Alpine_JS. Fully customizable with Tailwind right into your markup. Anyone ? 😜
00:00