Design inspiration curated from X

you can achieve this using the @tailwindcss `group` class on parent... - Soren

Published by Soren on January 28, 2026.

you can achieve this using the @tailwindcss `group` class on parent and `group-hover` variant on target. <div class="group"> <div class="group-hover:translate-y-6"/> </div> here is a breakdown of the target element with...

Design notes

you can achieve this using the @tailwindcss `group` class on parent and `group-hover` variant on target. <div class="group"> <div class="group-hover:translate-y-6"/> </div> here is a breakdown of the target element within an exaggerated oversized parent wrapper.

This entry is part of Northlight's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Soren; use the original X post for source and licensing inquiries.

Reference details

Creator
Soren
X handle
@sorenblank
Published
January 28, 2026
Media
1 visual reference
Views
80,443
Likes
960
Bookmarks
655